:root{color-scheme:light dark;--gray-0: #ffffff;--gray-50: #f7f7f8;--gray-100: #ececef;--gray-200: #dadde1;--gray-300: #b0b5bd;--gray-400: #7a8088;--gray-500: #525866;--gray-600: #3a3f45;--gray-700: #2a2e33;--gray-800: #1c1f23;--gray-900: #111315;--primary: #06A3F8;--primary-hover: #0783DB;--primary-light: #E6F7FE;--success: #16a34a;--warning: #f59e0b;--error: #dc2626;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 24px;--text-3xl: 32px;--leading-tight: 1.3;--leading-normal: 1.5;--leading-loose: 1.7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgb(0 0 0 / 4%);--shadow-md: 0 4px 12px rgb(0 0 0 / 8%);--bg: var(--gray-50);--surface: var(--gray-0);--surface-subtle: var(--gray-50);--ink: var(--gray-900);--muted: var(--gray-500);--faint: var(--gray-400);--subtle: var(--gray-300);--line: var(--gray-100);--line-strong: var(--gray-200);--hover: var(--gray-100);--shadow: var(--shadow-md);--theme-wipe-x: calc(100vw - 28px) ;--theme-wipe-y: 28px;--theme-wipe-radius: 1600px;--theme-wipe-current-radius: 0px;--page-shell-width: min(1600px, calc(100% - 96px) );font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif}@property --theme-wipe-current-radius{syntax: "<length>"; inherits: false; initial-value: 0px;}:root[data-theme=light]{color-scheme:light;--bg: var(--gray-50);--surface: var(--gray-0);--surface-subtle: var(--gray-50);--ink: var(--gray-900);--muted: var(--gray-500);--faint: var(--gray-400);--subtle: var(--gray-300);--line: var(--gray-100);--line-strong: var(--gray-200);--hover: var(--gray-100);--primary-light: #E6F7FE;--shadow: var(--shadow-md)}:root[data-theme=dark]{color-scheme:dark;--bg: var(--gray-900);--surface: var(--gray-800);--surface-subtle: var(--gray-700);--ink: var(--gray-50);--muted: var(--gray-300);--faint: var(--gray-400);--subtle: var(--gray-600);--line: var(--gray-700);--line-strong: var(--gray-600);--hover: color-mix(in srgb, var(--gray-700) 78%, var(--gray-600));--primary-light: color-mix(in srgb, var(--primary) 24%, var(--gray-800));--shadow: 0 4px 12px rgb(0 0 0 / 24%)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink)}html.theme-wipe-active::view-transition-old(root),html.theme-wipe-active::view-transition-new(root){animation-duration:.9s;animation-timing-function:cubic-bezier(.19,1,.22,1);mix-blend-mode:normal}html.theme-wipe-active::view-transition-old(root){animation-name:theme-wipe-still}html.theme-wipe-active::view-transition-new(root){animation-name:theme-wipe-reveal;-webkit-mask-image:radial-gradient(circle at var(--theme-wipe-x) var(--theme-wipe-y),#000 0 var(--theme-wipe-current-radius),rgb(0 0 0 / 72%) calc(var(--theme-wipe-current-radius) + 36px),rgb(0 0 0 / 32%) calc(var(--theme-wipe-current-radius) + 82px),transparent calc(var(--theme-wipe-current-radius) + 128px));mask-image:radial-gradient(circle at var(--theme-wipe-x) var(--theme-wipe-y),#000 0 var(--theme-wipe-current-radius),rgb(0 0 0 / 72%) calc(var(--theme-wipe-current-radius) + 36px),rgb(0 0 0 / 32%) calc(var(--theme-wipe-current-radius) + 82px),transparent calc(var(--theme-wipe-current-radius) + 128px))}@supports not (mask-image: radial-gradient(circle,#000,transparent)){html.theme-wipe-active::view-transition-new(root){clip-path:circle(var(--theme-wipe-current-radius) at var(--theme-wipe-x) var(--theme-wipe-y))}}html.theme-wipe-active *,html.theme-wipe-active *:before,html.theme-wipe-active *:after{transition:none!important}@keyframes theme-wipe-still{0%,to{opacity:1}}@keyframes theme-wipe-reveal{0%{--theme-wipe-current-radius: 0px}to{--theme-wipe-current-radius: var(--theme-wipe-radius)}}@media(prefers-reduced-motion:reduce){html.theme-wipe-active::view-transition-old(root),html.theme-wipe-active::view-transition-new(root){animation-duration:1ms}}a{color:inherit;text-decoration:none}[hidden]{display:none!important}img{display:block;max-width:100%}input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.site-frame{display:grid;min-height:100vh;grid-template-rows:auto 1fr auto}.site-header{position:sticky;z-index:20;top:0;display:flex;justify-content:center;background:color-mix(in srgb,var(--surface) 72%,transparent);padding:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);pointer-events:none}.nav-glass{position:relative;display:grid;grid-template-columns:minmax(88px,1fr) auto minmax(88px,1fr);align-items:center;gap:var(--space-4);width:var(--page-shell-width);min-height:48px;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:auto}:root[data-theme=dark] .nav-glass{background:transparent;box-shadow:none}.brand{display:inline-flex;align-items:center;gap:var(--space-2);justify-self:start;width:max-content;font-size:var(--text-md);font-weight:720}.brand{filter:none}.brand-logo{display:block;width:30px;height:30px;border-radius:50%;object-fit:contain}.top-nav{display:inline-flex;justify-self:center;align-items:center;gap:2px;padding:0}.nav-actions{display:inline-flex;justify-self:end;align-items:center;gap:0;min-width:0}.search-toggle-label,.filter-nav-label{display:none}.top-nav-link{position:relative;display:inline-flex;min-width:0;height:44px;align-items:center;justify-content:center;place-items:center;border-radius:var(--radius-pill);padding:0 18px;color:var(--muted);font-size:12px;font-weight:500;line-height:1;text-align:center;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.top-nav-label{white-space:nowrap}.search-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.hover-tip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);padding:4px 10px;border-radius:var(--radius-sm);background:var(--ink);color:var(--surface)!important;font-size:var(--text-xs);font-weight:550;line-height:1.4;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .14s ease;z-index:1}.hover-tip:after{position:absolute;top:-5px;left:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--ink);transform:translate(-50%);content:""}:hover>.hover-tip,:focus-visible>.hover-tip{opacity:1}.top-nav-link:hover,.filter-chip:hover,.filter-chip.is-active,.section-tab:hover,.case-card:hover{background:var(--hover)}.top-nav-link:hover,.top-nav-link.is-active{background:transparent;color:var(--ink)}.top-nav-link.is-active:after{content:none}.site-search{position:relative;display:inline-flex;align-items:center;min-width:0;margin-left:0}.site-search input{font-size:var(--text-sm);width:0;height:36px;border:0;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink);padding:0;outline:none;opacity:0;transition:width .22s ease,opacity .16s ease,padding .22s ease}.search-toggle{position:relative;z-index:1;display:inline-flex;flex:0 0 auto;min-width:0;width:36px;height:44px;align-items:center;justify-content:center;gap:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:12px;font-weight:500;line-height:1;padding:0;transition:background .18s ease,color .16s ease}.search-toggle svg{width:18px;height:18px}.search-toggle:hover{background:transparent;color:var(--ink)}.site-header.is-searching .site-search input{width:min(34vw,260px);padding:0 12px;opacity:1}.site-header.is-searching .search-toggle{display:none}.search-close{display:none;flex:0 0 auto;width:36px;height:44px;place-items:center;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);cursor:pointer;transition:background .18s ease,color .16s ease}.search-close:hover{background:transparent;color:var(--ink)}.search-close svg{width:17px;height:17px}.site-header.is-searching .search-close{display:inline-grid;margin-left:4px}.footer-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}.lang-switch{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-subtle);padding:2px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;transition:border-color .18s ease}.lang-switch:hover{border-color:var(--line-strong)}.lang-opt{display:inline-flex;align-items:center;min-width:32px;height:26px;justify-content:center;border-radius:var(--radius-pill);padding:0 10px;font-size:11px;font-weight:650;color:var(--faint);transition:background .18s ease,color .18s ease,box-shadow .18s ease}.lang-opt.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001a}.site-search input::placeholder{color:var(--faint)}.theme-toggle{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-subtle);color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;transition:background .18s ease,border-color .18s ease,color .18s ease}.theme-toggle:hover{border-color:var(--line-strong);background:var(--surface);color:var(--ink)}.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-toggle-icon{position:absolute;display:grid;place-items:center;transition:opacity .2s ease,transform .3s ease}.theme-toggle-icon svg{width:16px;height:16px}.theme-toggle-icon--sun{opacity:1;transform:scale(1) rotate(0)}.theme-toggle-icon--moon{opacity:0;transform:scale(.6) rotate(-90deg)}:root[data-theme=dark] .theme-toggle-icon--sun{opacity:0;transform:scale(.6) rotate(90deg)}:root[data-theme=dark] .theme-toggle-icon--moon{opacity:1;transform:scale(1) rotate(0)}@media(max-width:640px){.footer-row{flex-direction:column;gap:var(--space-4)}.footer-left{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.footer-nav{gap:var(--space-3);justify-content:flex-start}.theme-toggle{width:36px;height:36px}.theme-toggle-icon svg{width:18px;height:18px}.lang-opt{min-width:28px;height:28px;font-size:11px}}.site-main{width:var(--page-shell-width);margin-inline:auto;padding:var(--space-10) 0}.database-page,.case-detail{display:grid;gap:var(--space-8)}.database-page--compact{gap:var(--space-4)}[data-record-grid][data-loading=semantic]{opacity:.6;transition:opacity .15s;pointer-events:none}[data-record-grid][data-loading=semantic]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border:3px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.filter-page-header{display:block;padding:var(--space-5) 0}.filter-page-header p{margin:0 0 var(--space-3);color:var(--muted);font-size:var(--text-sm);font-weight:680;text-transform:capitalize}.filter-page-header .filter-page-eyebrow{color:var(--faint);letter-spacing:0}.filter-page-header .filter-page-description{max-width:860px;margin:var(--space-4) 0 0;color:var(--muted);font-size:var(--text-lg);font-weight:420;line-height:var(--leading-loose);text-transform:none}.page-heading{display:flex;gap:var(--space-3);align-items:flex-end;justify-content:space-between}.breadcrumb{color:var(--faint);font-size:var(--text-sm)}.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.title-row h1{margin:0;font-size:clamp(var(--text-3xl),6vw,64px);font-weight:760;line-height:1;letter-spacing:0}.title-row p{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-lg);line-height:var(--leading-loose)}.case-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(var(--space-6),4vw,var(--space-12));width:100%}.case-hero__body{flex:7;min-width:0}.case-hero__body h1{margin:0;font-size:clamp(var(--text-3xl),6vw,64px);font-weight:760;line-height:1;letter-spacing:0}.case-hero__body time{color:var(--muted);font-size:var(--text-xs);margin:var(--space-3) 0 var(--space-4);display:block}.case-hero__summary{margin:var(--space-3) 0 var(--space-4);color:var(--muted);font-size:var(--text-lg);line-height:var(--leading-loose)}.case-hero__meta{flex:3;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);margin:var(--space-3) 0 var(--space-4)}.case-hero__meta dd{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:0;color:var(--muted);font-size:var(--text-md)}.case-hero__meta dd a{color:var(--muted);gap:var(--space-3)}.case-hero__meta dd a:hover{color:var(--ink)}@media(max-width:980px){.case-hero{flex-direction:column;align-items:flex-start}.case-hero__body{width:100%;flex:none;text-align:left}.case-hero__body h1,.case-hero__summary,.case-hero__analysis{max-width:100%;overflow-wrap:anywhere}.case-hero__meta{width:100%;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:var(--space-2)}.case-hero__meta dd{width:100%;justify-content:flex-start;gap:var(--space-3);text-align:left}.case-hero__meta .tag-icon{margin-right:0;margin-left:0;order:-1}.case-hero__meta .property-row a:nth-of-type(n+2):before{margin-left:0}}.ghost-button{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:var(--muted);font-size:var(--text-md)}.ghost-button svg{width:15px;height:15px}.ghost-button--small{font-size:var(--text-md)}.ghost-button:hover{color:var(--ink)}.database-panel{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.content-list,.icon-list{display:grid;gap:var(--space-4)}.section-tabs{display:flex;align-items:center;gap:var(--space-1);border-bottom:1px solid var(--line);padding:var(--space-2)}.section-tab{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);color:var(--muted);font-size:var(--text-md)}.section-tab.is-active{background:var(--hover);color:var(--ink);font-weight:650}.section-tab small{color:var(--faint);font-size:var(--text-xs)}.filter-nav-btn{position:relative;display:inline-flex;min-width:0;width:36px;height:44px;align-items:center;justify-content:center;gap:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:12px;font-weight:500;line-height:1;padding:0;transition:color .18s ease;margin-left:0;flex-shrink:0}.filter-nav-btn svg{width:18px;height:18px}.filter-nav-btn:hover,.filter-nav-btn.is-active{background:transparent;color:var(--ink)}.filter-dropdown{position:absolute;top:calc(100% + 4px);right:0;width:max-content;max-width:100%;border:.5px solid rgb(255 255 255 / 20%);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 2px 8px #0000000f,0 8px 24px #00000017,0 20px 56px #0000001f;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);padding:var(--space-4);z-index:30;max-height:70vh;overflow-y:auto;pointer-events:auto}:root[data-theme=dark] .filter-dropdown{border-color:#ffffff1f;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 2px 8px #00000024,0 8px 24px #0000002e,0 20px 56px #0000003d}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);background:transparent;padding:0}.filter-select{min-width:140px;height:36px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font-size:var(--text-sm);padding:0 var(--space-4);cursor:pointer;outline:none;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237A8088' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;transition:border-color .16s ease}.filter-select:hover,.filter-select:focus{border-color:var(--line-strong)}.filter-apply-btn{height:36px;border:1px solid var(--primary);border-radius:var(--radius-pill);background:var(--primary);color:#fff;font-size:var(--text-sm);font-weight:600;padding:0 var(--space-5);cursor:pointer;transition:background .16s ease;white-space:nowrap}.filter-apply-btn:hover{background:var(--primary-hover)}.property-pill{display:inline-flex;align-items:center;gap:6px;min-height:24px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);padding:0 var(--space-2);color:var(--muted);font-size:var(--text-xs);line-height:var(--leading-tight)}a.property-pill:hover{border-color:var(--line-strong);background:var(--hover);color:var(--ink)}.filter-clear{color:var(--muted);font-size:var(--text-sm)}.filter-clear:hover{color:var(--ink)}.active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) 0}.active-filter-count{color:var(--faint);font-size:var(--text-xs);font-weight:450}.active-filter-tag{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--primary);border-radius:var(--radius-pill);background:var(--primary-light);padding:4px 12px;color:var(--primary);font-size:var(--text-xs);font-weight:550;transition:background .16s ease}.active-filter-tag:hover{background:color-mix(in srgb,var(--primary-light) 80%,var(--primary))}.active-filter-key{opacity:.6;font-weight:450}.active-filter-remove{font-size:var(--text-lg);line-height:1;opacity:.6}.active-filter-tag:hover .active-filter-remove{opacity:1}.active-filter-clear{color:var(--faint);font-size:var(--text-xs);margin-left:var(--space-1)}.active-filter-clear:hover{color:var(--ink)}.load-more-row{display:flex;justify-content:center;padding:var(--space-4) 0 0}.auto-load-sentinel{min-height:1px}.load-more-button{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);padding:var(--space-3) var(--space-6);color:var(--muted);font:inherit;font-size:var(--text-md);cursor:pointer}.load-more-button:hover{border-color:var(--line-strong);background:var(--hover);color:var(--ink)}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0 0;color:var(--faint);font-size:var(--text-sm)}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px}.page-btn{display:inline-grid;min-width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);padding:0 8px;color:var(--muted);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.page-btn:hover{border-color:var(--line-strong);background:var(--hover);color:var(--ink)}.page-btn.is-active{border-color:var(--primary);background:var(--primary);color:#fff;font-weight:600}.page-dots{display:inline-grid;min-width:34px;height:34px;place-items:center;color:var(--faint);font-size:var(--text-sm);letter-spacing:2px}.empty-database{display:grid;gap:8px;padding:var(--space-12) 0;text-align:center}.empty-database h2{margin:0;font-size:var(--text-xl);letter-spacing:0}.empty-database p{max-width:420px;margin:0 auto;color:var(--muted);font-size:var(--text-md);line-height:1.6}.icon-page{display:grid;gap:22px}.icon-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:20px 0 4px}.icon-hero h1{margin:6px 0 0;font-size:clamp(34px,5vw,56px);line-height:1;letter-spacing:0}.icon-count{display:grid;min-width:104px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px 14px;text-align:right}.icon-count strong{font-size:28px;line-height:1}.icon-count span{margin-top:4px;color:var(--muted);font-size:var(--text-sm)}.icon-filter-panel{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px}.icon-filter-row{display:flex;flex-wrap:wrap;gap:8px}.icon-filter-row--colors{align-items:center}.icon-color-filter{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-subtle);padding:5px 8px 5px 6px;color:var(--muted);font-size:var(--text-xs)}.icon-color-filter:hover,.icon-category-filter:hover,.icon-pagination a:hover{background:var(--hover)}.icon-color-filter span{display:block;width:22px;height:22px;border:1px solid rgb(0 0 0 / 13%);border-radius:var(--radius-pill)}.icon-color-filter em{font-style:normal}.icon-category-filter{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);padding:7px 10px;color:var(--muted);font-size:var(--text-sm)}.icon-category-filter.is-active,.icon-pagination a.is-active{background:var(--ink);color:var(--surface)}.icon-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--space-4);padding:0;scroll-margin-top:88px}.icon-card{display:grid;gap:var(--space-3);justify-items:center;min-height:420px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-6) var(--space-4) var(--space-4);text-align:center;transition:border-color .18s ease-out,box-shadow .18s ease-out,transform .18s ease-out}.icon-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.icon-card__image{display:grid;place-items:center;width:100%;padding:var(--space-10);border-radius:var(--radius-md)}.icon-card img{width:min(210px,100%);height:auto;aspect-ratio:1;border:1px solid var(--line);border-radius:42px;background:var(--surface);object-fit:cover;box-shadow:var(--shadow-md)}.icon-card strong{display:block;width:100%;overflow:hidden;margin:0;color:var(--ink);font-size:var(--text-lg);font-weight:650;line-height:var(--leading-tight);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.icon-card__body{justify-self:stretch;display:grid;gap:10px;text-align:left}.icon-card__colors{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}.card-colors{position:absolute;right:18px;bottom:18px;display:inline-flex;align-items:center;gap:5px;z-index:2}.icon-card__title{width:100%;min-width:0;max-width:100%;overflow:hidden}.icon-card__meta{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-2);min-height:24px}.ad-card{position:relative}.ad-card__media{display:flex;align-items:center;justify-content:center;min-height:150px}.ad-card__media #carbonads{display:block}.similar-recs__scroll .case-card.ad-card .ad-card__media{min-height:200px;padding:var(--space-4)}.similar-recs__scroll .case-card.ad-card .ad-card__media>div{min-height:unset!important}.ad-sponsored-badge{position:absolute;right:10px;bottom:10px;padding:2px 6px;border-radius:var(--radius-sm);background:var(--surface);color:var(--faint);font-size:var(--text-xs);line-height:1.4;pointer-events:none;z-index:1}.icon-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.icon-pagination a{min-width:34px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);padding:7px 9px;color:var(--muted);font-size:var(--text-sm);text-align:center}.icon-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:start}.icon-detail-main{display:grid;gap:18px}.icon-showcase{display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(45deg,var(--surface-subtle) 25%,transparent 25%),linear-gradient(-45deg,var(--surface-subtle) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--surface-subtle) 75%),linear-gradient(-45deg,transparent 75%,var(--surface-subtle) 75%),var(--surface);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;padding:clamp(34px,7vw,76px);box-shadow:var(--shadow)}.icon-showcase img{width:min(512px,100%);height:auto;border:1px solid var(--line);border-radius:110px;box-shadow:0 28px 70px #0000002e}.related-icons{display:grid;gap:14px}.related-icons h2{margin:0;color:var(--muted);font-size:var(--text-xl);font-weight:620;letter-spacing:0}.related-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.related-icon-card{display:grid;align-content:start;min-height:250px;justify-items:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 14px 16px;text-align:center}.related-icon-card img{width:150px;height:150px;border:1px solid var(--line);border-radius:34px;background:var(--surface-subtle);object-fit:cover;box-shadow:0 18px 38px #0000001a}.related-icon-card h3{width:100%;overflow:hidden;margin:16px 0 8px;font-size:var(--text-lg);font-weight:560;line-height:1.25;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.related-icon-link{color:var(--faint);font-size:var(--text-xs)}.related-icon-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.case-grid,.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;padding:0;scroll-margin-top:88px}.case-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.case-card:hover{border-color:var(--line-strong)}.case-card__image{display:block;width:100%;height:100%;aspect-ratio:3 / 2;object-fit:cover;transform:scale(1.001);transition:transform .36s ease}.case-card__video{display:block;width:100%;height:100%;object-fit:cover}.case-card__media{display:block;aspect-ratio:3 / 2;overflow:hidden}.event-card__media{aspect-ratio:16 / 9!important}.case-card:hover .case-card__image{transform:scale(1.035)}.app-card__media{display:block;aspect-ratio:6 / 13;min-height:0;padding:0}.app-card__image{width:100%;max-width:none;height:100%;aspect-ratio:6 / 13;border-radius:0;object-fit:cover}.case-card__body{position:absolute;right:0;bottom:-.5px;left:0;display:grid;gap:9px;padding:45px 18px 18px;z-index:1}.case-card__body:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0000,#3c3c3c4d);backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 36px);mask-image:linear-gradient(to bottom,transparent 0%,black 36px)}.product-index-page,.product-detail-page{width:var(--page-shell-width);margin:0 auto}.product-detail-page{display:grid;gap:clamp(var(--space-10),5vw,var(--space-16));padding-bottom:var(--space-16)}.product-header__eyebrow{display:inline-flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--muted);font-size:var(--text-sm);font-weight:650}.product-header__eyebrow img,.product-card__icon{border-radius:36px;box-shadow:0 10px 24px #00000029}.product-identity{display:grid!important;justify-items:end;gap:2px!important;text-align:right}.product-identity__label{color:var(--faint);font-size:var(--text-xs)}.product-identity strong{color:var(--ink);font-size:var(--text-sm)}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.product-grid--compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.product-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.product-card__media{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,transparent),transparent 42%),var(--surface-subtle)}.product-card__image{width:100%;height:100%;object-fit:cover;transition:transform .36s ease}.product-card:hover .product-card__image{transform:scale(1.035)}.product-card__icon{position:absolute;z-index:2;right:var(--space-4);bottom:var(--space-4);width:64px;height:64px;object-fit:cover}.product-card__body{display:grid;gap:var(--space-3);padding:var(--space-4)}.product-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.product-card h2,.product-card h3{margin:0;font-size:var(--text-xl);line-height:1.2;letter-spacing:0}.product-card h3{font-size:var(--text-lg)}.product-card p{display:-webkit-box;min-height:3.1em;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.product-card__colors{display:flex;flex:0 0 auto;gap:5px}.product-source-strip{display:flex;flex-wrap:wrap;gap:6px}.product-source-strip span,.product-taxonomy__tags span{display:inline-flex;align-items:center;min-height:24px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-subtle);padding:0 9px;color:var(--muted);font-size:var(--text-xs);font-weight:600}.product-hero-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.32fr);gap:16px}.product-hero-preview__main,.product-hero-preview__rail,.product-hero-preview__icon,.product-directory__group{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.product-hero-preview__main{overflow:hidden;min-height:clamp(360px,44vw,680px)}.product-hero-preview__main img{width:100%;height:100%;object-fit:cover}.product-hero-preview__rail{display:grid;gap:16px;align-content:start;border:0;background:transparent}.product-hero-preview__icon{display:grid;place-items:center;min-height:220px;margin:0;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 34%),var(--surface)}.product-hero-preview__icon img{width:min(52%,160px);height:auto;border-radius:24px;box-shadow:0 24px 56px #0000002e}.product-hero-preview__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-hero-preview__stats div{display:grid;gap:4px;min-height:96px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-4)}.product-hero-preview__stats strong{font-size:var(--text-3xl);line-height:1}.product-hero-preview__stats span{color:var(--muted);font-size:var(--text-xs);text-transform:capitalize}.product-section{display:grid;gap:var(--space-5)}.product-section__heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-6)}.product-section__heading h2{margin:0;font-size:var(--text-2xl);line-height:var(--leading-tight);letter-spacing:0}.product-section__heading p{max-width:520px;margin:0;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-normal);text-align:right}.product-directory__groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.product-directory__group{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-4)}.product-directory__group h3{margin:0;font-size:var(--text-md);letter-spacing:0}.product-directory__list{display:grid;gap:8px}.product-directory__item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:62px;border-radius:var(--radius-md);padding:6px;color:var(--muted)}.product-directory__item:hover{background:var(--hover);color:var(--ink)}.product-directory__item img{width:54px;height:54px;border-radius:var(--radius-sm);object-fit:cover}.product-directory__item strong,.product-directory__item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-directory__item strong{color:var(--ink);font-size:var(--text-sm)}.product-directory__item small{color:var(--faint);font-size:var(--text-xs)}.product-directory__item svg{width:15px;height:15px}.product-visuals__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:12px}.product-visual-card{position:relative;overflow:hidden;min-height:220px;border-radius:var(--radius-lg);background:var(--surface-subtle)}.product-visual-card.is-large{grid-column:span 2;grid-row:span 2}.product-visual-card.is-app,.product-visual-card.is-screenshot{aspect-ratio:6 / 10}.product-visual-card.is-event,.product-visual-card.is-website{aspect-ratio:16 / 10}.product-visual-card img{width:100%;height:100%;object-fit:cover}.product-visual-card span{position:absolute;right:var(--space-3);bottom:var(--space-3);border-radius:var(--radius-pill);background:#0000008f;padding:5px 9px;color:#fff;font-size:var(--text-xs);font-weight:650}.product-taxonomy__tags{display:flex;flex-wrap:wrap;gap:8px}.app-card .case-card__body{padding:75px 24px 24px;gap:12px}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.card-title-row h2{margin:0;font-size:var(--text-xl);line-height:1.25;letter-spacing:0}.card-title-link{color:var(--gray-100);text-shadow:0 1px 2px rgb(0 0 0 / 30%)}.icon-card .card-title-link{color:var(--ink);text-shadow:none}.device-icon{display:inline-flex;vertical-align:middle;margin-left:6px;color:var(--gray-200);transition:color .16s ease}.device-icon:hover{color:var(--gray-0)}.device-icon svg{width:18px;height:18px}.card-title-row span,.case-card time{color:#ffffffb8;font-size:var(--text-xs)}.case-card p{display:-webkit-box;overflow:hidden;min-height:42px;margin:0;color:var(--muted);font-size:var(--text-sm);line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.property-row,.card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.case-card .property-row,.case-card .card-tags{gap:0}.case-card .property-pill{display:inline;min-height:0;border:0;border-radius:0;background:transparent;padding:0;font-size:var(--text-md);color:var(--gray-200);text-shadow:0 1px 2px rgba(0,0,0,30%)}.case-card .property-pill:after{margin:0 6px;color:var(--gray-300);content:"/"}.case-card .property-pill:last-child:after{content:"";margin:0}.case-card a.property-pill:hover{border-color:transparent;background:transparent;color:var(--gray-0)}.case-hero__meta .property-row a:nth-of-type(n+2):before{content:"|";color:var(--line-strong);margin-right:var(--space-3)}.tag-icon{position:relative;display:inline-flex;align-items:center;margin-left:auto}.tag-icon svg{width:14px;height:14px;color:var(--muted);flex-shrink:0}@media(max-width:980px){.tag-icon{margin-left:0;margin-right:auto;order:-1}}.color-dot{width:16px;height:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#b8b2aa;display:inline-block}.color-dot:hover{border-color:var(--line-strong)}.color-red{background:#d95d59}.color-neutral{background:#b8b2aa}.color-blue{background:#5486c8}.color-green{background:#5f9f78}.color-yellow{background:#fd0}.color-black{background:#2f2f2f}.color-brown{background:#7b512a}.color-gray,.color-grey{background:#909090}.color-orange{background:#f59e0b}.color-purple{background:#7c3aed}.color-white{background:#fff}.color-multicolored{background:radial-gradient(circle at 25% 30%,#ff6b6b 0%,transparent 55%),radial-gradient(circle at 65% 25%,#ffb347 0%,transparent 55%),radial-gradient(circle at 35% 70%,#6bcb77 0%,transparent 55%),radial-gradient(circle at 70% 65%,#4d96ff 0%,transparent 55%),#e8e8e8}.card-colors{display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-self:start}.card-color-dot{display:block;width:16px;height:16px;border:.5px solid var(--line);border-radius:50%;transition:transform .16s ease,box-shadow .16s ease}.card-color-dot:hover{transform:scale(1.45);box-shadow:0 0 0 2px var(--surface),0 0 0 2px color-mix(in srgb,currentColor 40%,transparent)}.case-hero__meta dd:has(.card-color-dot){display:flex;flex-wrap:wrap;gap:7px;align-items:center}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start}.properties-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-4)}.properties-panel dl{display:grid;gap:var(--space-3);margin:0}.properties-panel dl>div{display:grid;grid-template-columns:72px 1fr;gap:2px 10px;align-items:baseline}.properties-panel dl dt{color:var(--faint);font-size:var(--text-xs);font-weight:650;white-space:nowrap}.properties-panel dl dd{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;margin:0;color:var(--muted);font-size:var(--text-md)}.generation-prompt-panel{display:grid;gap:var(--space-3);margin:var(--space-5) 0;padding-top:var(--space-5);border-top:1px solid var(--line)}.generation-prompt-panel>div:not(.prompt-header):not(.prompt-footer){display:grid;gap:6px}.prompt-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.prompt-header>span{flex:1;color:var(--faint);font-size:var(--text-xs);font-weight:650;line-height:var(--leading-tight)}.generation-prompt-panel h2,.generation-prompt-panel h3,.generation-prompt-panel p{margin:0}.generation-prompt-panel h2{color:var(--ink);font-size:var(--text-lg);line-height:var(--leading-tight)}.generation-prompt-panel h3{color:var(--muted);font-size:var(--text-xs);font-weight:700}.generation-prompt-panel p{color:var(--muted);font-size:var(--text-sm);line-height:1.65}.prompt-toolbar{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-left:auto}.prompt-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:var(--radius-sm);background:none;padding:0;color:var(--faint);cursor:pointer;transition:background .16s ease,color .16s ease}.prompt-icon-btn:hover{background:var(--hover);color:var(--ink)}.prompt-icon-btn svg{width:15px;height:15px}.copy-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 10px;border-radius:var(--radius-sm);background:var(--ink);color:var(--surface);font-size:var(--text-xs);font-weight:550;line-height:1.4;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .14s ease}.copy-tip:after{position:absolute;bottom:-5px;left:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--ink);transform:translate(-50%);content:""}.copy-tip.is-visible{opacity:1}.prompt-footer{display:flex;align-items:center}.prompt-copy-btn{position:relative;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:none;border-radius:var(--radius-sm);background:none;padding:4px 8px;color:var(--muted);font-size:var(--text-xs);font-weight:550;cursor:pointer;transition:background .16s ease,color .16s ease}.prompt-copy-btn:hover{background:var(--hover);color:var(--ink)}.prompt-copy-btn svg{width:14px;height:14px}.prompt-icon-btn{position:relative}.detail-float-nav{position:fixed;top:120px;right:max(24px,calc((100% - var(--page-shell-width)) / 2 - 120px));z-index:25;display:flex;flex-direction:column;align-items:center;border:.5px solid rgb(255 255 255 / 15%);border-radius:var(--radius-pill);background:linear-gradient(180deg,#ffffff0f,#ffffff0a 30%,#ffffff05 80%,#ffffff0f);padding:6px;box-shadow:inset 0 .5px #ffffff40,inset 0 -.5px #ffffff14,0 2px 8px #0000000a,0 8px 24px #00000012,0 20px 56px #0000001a;backdrop-filter:blur(48px) saturate(180%);-webkit-backdrop-filter:blur(48px) saturate(180%)}:root[data-theme=dark] .detail-float-nav{border-color:#ffffff26;box-shadow:inset 0 .5px #ffffff40,inset 0 -.5px #ffffff0a,0 2px 8px #00000024,0 8px 24px #0000002e,0 20px 56px #0000003d}.detail-float-nav__btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--muted);transition:background .15s,color .15s,transform .15s}.detail-float-nav__btn:hover{background:#ffffff14;color:var(--ink);transform:scale(1.06)}.detail-float-nav__btn svg,.back-to-top svg{width:20px;height:20px}.detail-float-nav__btn .hover-tip{top:50%;left:auto;right:calc(100% + 8px);transform:translateY(-50%)}.detail-float-nav__btn .hover-tip:after{top:50%;left:auto;right:-5px;border-left:5px solid var(--ink);border-right:none;border-bottom:5px solid transparent;border-top:5px solid transparent;transform:translateY(-50%)}.detail-float-nav__divider{width:24px;height:1px;background:var(--line);margin:2px 0}.back-to-top{position:fixed;right:24px;bottom:24px;z-index:30;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:.5px solid rgb(255 255 255 / 15%);border-radius:50%;background:linear-gradient(180deg,#ffffff0f,#ffffff0a 30%,#ffffff05 80%,#ffffff0f);color:var(--muted);cursor:pointer;box-shadow:inset 0 .5px #ffffff40,inset 0 -.5px #ffffff14,0 2px 8px #0000000a,0 8px 24px #00000012,0 20px 56px #0000001a;backdrop-filter:blur(48px) saturate(180%);-webkit-backdrop-filter:blur(48px) saturate(180%);opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s;pointer-events:none}.back-to-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{background:linear-gradient(180deg,#ffffff1f,#ffffff14 30%,#ffffff0a 80%,#ffffff1f);color:var(--ink)}:root[data-theme=dark] .back-to-top{border-color:#ffffff26;box-shadow:inset 0 .5px #ffffff40,inset 0 -.5px #ffffff0a,0 2px 8px #00000024,0 8px 24px #0000002e,0 20px 56px #0000003d}.generation-prompt-panel article{display:grid;gap:6px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-subtle);padding:12px}.detail-main{display:grid;gap:18px}.version-timeline{width:100%}.version-timeline__track{display:flex;align-items:center;justify-content:flex-start;gap:0;padding:var(--space-4) 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.version-timeline__node{display:flex;align-items:center;flex-shrink:0;gap:0}.version-timeline__connector{display:block;flex:1;min-width:24px;height:2px;background:var(--line);margin:0 var(--space-3)}.version-timeline__link{display:flex;align-items:center;gap:0;text-decoration:none}.version-timeline__link:hover .version-timeline__dot{border-color:var(--ink);background:var(--ink)}.version-timeline__link:hover .version-timeline__year{color:var(--ink)}.version-timeline__dot{display:block;width:14px;height:14px;border:2px solid var(--line);border-radius:50%;background:var(--surface);flex-shrink:0;transition:background .2s,border-color .2s}.version-timeline__node.is-current .version-timeline__dot{border-color:var(--ink);background:var(--ink)}.version-timeline__year{margin-left:8px;font-size:var(--text-sm);color:var(--faint);white-space:nowrap;transition:color .2s}.version-timeline__node.is-current .version-timeline__year{color:var(--ink);font-weight:600}.case-detail__cover,.app-screenshot-lead,.screenshot-grid img{overflow:hidden}.case-detail__cover{min-height:50vh}.app-screenshot-lead{display:grid;place-items:center;padding:clamp(16px,4vw,34px)}.case-detail__cover img{width:100%;object-fit:cover}.app-screenshot-lead img{width:auto;max-width:100%;max-height:min(720px,80vh);border-radius:8px}.case-body{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:18px;color:var(--muted);font-size:var(--text-lg);line-height:1.8}.case-body p{margin:0}.dot-bg{position:relative}.dot-bg:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,var(--line-strong) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse 120% 70% at 50% 0%,black 35%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 120% 70% at 50% 0%,black 35%,transparent 75%);pointer-events:none;z-index:-1}.mobile-screenshots{margin-top:var(--space-8)}.mobile-screenshots h2{margin:0 0 var(--space-4);font-size:var(--text-xl);font-weight:650;color:var(--muted)}.mobile-screenshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.mobile-screenshot-grid img{width:100%;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow)}.similar-recs{margin-top:var(--space-8)}.similar-recs__heading{margin:0 0 var(--space-4);font-size:var(--text-xl);font-weight:650;color:var(--muted)}.similar-recs{position:relative}.similar-recs__btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:.5px solid rgb(255 255 255 / 15%);border-radius:50%;background:linear-gradient(180deg,#ffffff0f,#ffffff0a 30%,#ffffff05 80%,#ffffff0f);color:var(--muted);cursor:pointer;box-shadow:inset 0 .5px #ffffff40,inset 0 -.5px #ffffff14,0 2px 8px #0000000a,0 8px 24px #00000012,0 20px 56px #0000001a;backdrop-filter:blur(48px) saturate(180%);-webkit-backdrop-filter:blur(48px) saturate(180%);transition:background .15s,color .15s,opacity .15s,transform .15s}:root[data-theme=dark] .similar-recs__btn{border-color:#ffffff26;box-shadow:inset 0 .5px #ffffff40,inset 0 -.5px #ffffff0a,0 2px 8px #00000024,0 8px 24px #0000002e,0 20px 56px #0000003d}.similar-recs__btn:hover{background:linear-gradient(180deg,#ffffff1f,#ffffff14 30%,#ffffff0a 80%,#ffffff1f);color:var(--ink);transform:translateY(-50%) scale(1.08)}.similar-recs__btn--prev{left:0}.similar-recs__btn--next{right:0}.similar-recs__btn svg{width:20px;height:20px;color:var(--faint)}.similar-recs__scroll{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;contain:inline-size}.similar-recs__scroll::-webkit-scrollbar{display:none}.similar-recs__scroll .case-card{flex:0 0 360px;scroll-snap-align:start}.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.screenshot-grid img{width:100%}.app-screenshot-grid{align-items:start}.app-screenshot-grid img{background:var(--surface);object-fit:contain}.app-detail-slider{display:grid;gap:18px;width:min(1640px,calc(100vw - 32px));margin:0 auto;padding-top:clamp(18px,4vw,42px)}.app-slider-shell{position:relative;display:grid;min-height:calc(100vh - 172px);grid-template-columns:minmax(300px,.82fr) minmax(460px,1.18fr);align-items:center;gap:clamp(24px,5vw,80px);overflow:hidden;border:1px solid color-mix(in srgb,var(--gray-0) 62%,var(--line));border-radius:clamp(28px,4vw,52px);background:radial-gradient(circle at 74% 24%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 34%),radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--gray-0) 64%,transparent),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface-soft) 78%,transparent));padding:clamp(24px,4.8vw,76px);box-shadow:0 34px 90px #0000001a,inset 0 1px #ffffff6b}.app-slider-shell:before,.app-slider-shell:after{content:"";position:absolute;pointer-events:none}.app-slider-shell:before{inset:1px;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 0%,transparent),color-mix(in srgb,var(--gray-0) 28%,transparent) 52%,transparent),radial-gradient(ellipse at 72% 78%,rgb(0 0 0 / 8%),transparent 44%);opacity:.76}.app-slider-shell:after{right:-18%;bottom:-42%;width:min(760px,62vw);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 64%);filter:blur(24px);opacity:.65}.app-slider-copy,.device-stage{position:relative;z-index:1}.app-slider-copy,.app-slider-meta{display:grid;gap:14px}.app-slider-copy{align-self:center;max-width:560px;border:1px solid color-mix(in srgb,var(--gray-0) 52%,var(--line));border-radius:clamp(28px,4vw,42px);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 80%,transparent),color-mix(in srgb,var(--surface-subtle) 56%,transparent));padding:clamp(24px,4vw,44px);box-shadow:0 24px 70px #00000014,inset 0 1px #ffffff70;backdrop-filter:blur(22px)}.app-slider-copy .eyebrow{margin:0;color:var(--faint);font-size:var(--text-xs);font-weight:720;letter-spacing:.08em}.app-slider-copy h1{margin:0;max-width:100%;font-size:clamp(44px,5vw,88px);font-weight:820;line-height:.92;letter-spacing:-.06em;text-wrap:balance}.app-slider-copy p:not(.eyebrow){margin:0;max-width:34rem;color:var(--muted);font-size:clamp(16px,1.4vw,19px);line-height:1.75}.case-hero__analysis{max-width:58rem;border-left:2px solid var(--line-strong);margin-top:var(--space-5);padding-left:var(--space-4);color:var(--muted);font-size:var(--text-lg);line-height:var(--leading-loose)}.app-slider-copy .property-row{gap:8px}.app-slider-copy .property-pill,.app-slider-copy .ghost-button{background:color-mix(in srgb,var(--surface) 74%,transparent);box-shadow:inset 0 1px #ffffff57;backdrop-filter:blur(14px)}.device-stage{position:relative;display:grid;place-items:center;align-content:center;gap:14px;min-width:0;min-height:min(720px,calc(100vh - 180px));overflow:hidden;isolation:isolate}.device-stage:before{content:"";position:absolute;z-index:-1;width:min(760px,58vw);aspect-ratio:1.24;border-radius:999px;background:radial-gradient(circle at 50% 40%,rgb(255 255 255 / 72%),transparent 34%),radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 62%);filter:blur(28px);opacity:.88}:root[data-theme=dark] .device-stage:before{background:radial-gradient(circle at 50% 40%,rgb(255 255 255 / 16%),transparent 34%),radial-gradient(circle,color-mix(in srgb,var(--accent) 24%,transparent),transparent 62%);opacity:.72}.device-carousel{position:relative;width:min(820px,88vw);height:min(680px,calc(100vh - 220px));min-height:520px;perspective:1600px}.device-slide{position:absolute;z-index:1;top:50%;left:50%;display:grid;place-items:center;border:0;background:transparent;padding:0;opacity:.22;cursor:pointer;filter:saturate(.68) blur(.5px);transform:translate(-50%,-50%) translate(calc(var(--offset) * min(148px,15vw))) scale(.7) rotateY(calc(var(--offset) * -12deg));transition:transform .36s var(--ease),opacity .36s var(--ease),filter .36s var(--ease)}.device-slide.is-active{z-index:20;opacity:1;filter:saturate(1) blur(0);cursor:default;transform:translate(-50%,-50%) translate(0) scale(1) rotateY(0)}.device-slide:not(.is-active):hover{opacity:.56;filter:saturate(.9) blur(0)}.device-frame{position:relative;display:grid;place-items:center;overflow:hidden;border:10px solid #111316;background:#090a0c;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 -18px 36px #00000047,0 34px 90px #0000003d}.device-stage--iphone .device-frame{width:min(330px,72vw);aspect-ratio:403 / 874;border-radius:48px}.device-stage--ipad .device-frame{width:min(660px,78vw);aspect-ratio:3 / 2;border-radius:34px}.device-speaker{position:absolute;z-index:2;top:14px;left:50%;width:72px;height:20px;border-radius:var(--radius-lg);background:#17191c;transform:translate(-50%)}.device-stage--ipad .device-speaker{display:none}.device-frame img{width:100%;display:block;object-fit:cover}.device-stage--ipad .device-frame img{border-radius:20px}.slider-control{position:absolute;z-index:3;top:50%;display:grid;width:48px;height:48px;place-items:center;border:1px solid color-mix(in srgb,var(--gray-0) 42%,var(--line));border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--ink);font-size:34px;line-height:1;cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(18px)}.slider-control--prev{left:max(0px,calc(50% - 330px))}.slider-control--next{right:max(0px,calc(50% - 330px))}.app-shot-label{position:relative;z-index:24;width:fit-content;border:1px solid color-mix(in srgb,var(--gray-0) 54%,var(--line));border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 86%,transparent);color:var(--muted);font-size:var(--text-sm);font-weight:760;letter-spacing:.02em;padding:9px 16px;box-shadow:0 12px 34px #0000001f,inset 0 1px #ffffff61;backdrop-filter:blur(18px)}.app-slider-meta{align-self:stretch;align-content:center;border-left:1px solid var(--line);padding-left:clamp(18px,3vw,34px)}.app-slider-meta dl{display:grid;gap:16px;margin:0}.app-slider-meta div{display:grid;gap:7px}.app-slider-meta dt{color:var(--faint);font-size:var(--text-xs);font-weight:700}.app-slider-meta dd{margin:0}.slider-count{color:var(--faint);font-size:var(--text-sm)}.app-slider-body{width:min(720px,100%);margin:0 auto}.app-screenshot-slider{position:relative;width:100%;min-width:0;max-width:100%;--active-phone-width: min(360px, calc(65vw - 20px) );--active-phone-height: min(775.08px, calc(140vw - 20px) );--active-ipad-width: min(820px, calc(80vw - 20px) );--active-ipad-height: min(610px, calc(60vw - 20px) )}.app-screenshot-slider__wrap{position:relative;max-width:100%;overflow-x:clip;overflow-y:visible}.app-screenshot-slider__viewport{position:relative;display:flex;justify-content:center;width:100%;max-width:100%;overflow-x:clip;overflow-y:visible}.app-screenshot-slider__viewport:before,.app-screenshot-slider__viewport:after{position:absolute;top:0;bottom:0;z-index:2;width:clamp(72px,14vw,220px);pointer-events:none;content:""}.app-screenshot-slider__viewport:before{left:0;background:linear-gradient(90deg,var(--bg) 8%,color-mix(in srgb,var(--bg) 72%,transparent) 52%,transparent)}.app-screenshot-slider__viewport:after{right:0;background:linear-gradient(270deg,var(--bg) 8%,color-mix(in srgb,var(--bg) 72%,transparent) 52%,transparent)}.app-screenshot-slider__track{position:absolute;top:50%;left:0;display:flex;width:max-content;align-items:center;gap:clamp(18px,3vw,40px);transform:translateY(-50%);opacity:0;transition:transform .62s cubic-bezier(.22,1,.36,1);will-change:transform}.app-screenshot-slider__track.is-ready{opacity:1}.app-screenshot-slide{position:relative;flex:0 0 min(360px,calc(65vw - 20px));display:grid;gap:var(--space-2);place-items:center;min-width:0;min-height:0;border:0;background:transparent;padding:0;color:var(--muted);cursor:pointer;overflow:hidden;opacity:.42;filter:saturate(.82);transform:scale(.9);transition:opacity .42s ease,transform .52s cubic-bezier(.22,1,.36,1),color .22s ease,filter .42s ease}.app-screenshot-slide:before{grid-area:1 / 1;width:100%;height:100%;border-radius:28px;background:radial-gradient(circle at 30% 18%,color-mix(in srgb,var(--surface) 92%,white 8%),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--surface) 88%,var(--muted) 12%),color-mix(in srgb,var(--bg) 82%,var(--muted) 18%));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 58%,transparent);content:"";transition:opacity .22s ease}.app-screenshot-slide.is-loaded:before{opacity:0}.app-screenshot-slider.is-ipad .app-screenshot-slide{flex-basis:min(var(--active-ipad-width),calc(100vw - 64px));height:var(--active-ipad-height)}.app-screenshot-slider:not(.is-ipad).is-portrait-device .app-screenshot-slide{flex-basis:min(var(--active-phone-width),calc(100vw - 64px));height:var(--active-phone-height)}.app-screenshot-slider:not(.is-ipad).is-landscape-device .app-screenshot-slide{flex-basis:min(var(--active-phone-width),calc(100vw - 64px));height:var(--active-phone-height)}.app-screenshot-slider.is-ipad.is-portrait-device .app-screenshot-slide{flex-basis:min(var(--active-ipad-width),calc(100vw - 64px));height:var(--active-ipad-height)}.app-screenshot-slider.is-ipad .app-screenshot-slide:before{border-radius:24px}.app-screenshot-slide:hover{opacity:.78;color:var(--ink)}.app-screenshot-slide.is-active{flex-basis:min(360px,calc(65vw - 20px));opacity:1;color:var(--ink);cursor:default;filter:saturate(1);transform:scale(1)}.app-screenshot-slider.is-ipad .app-screenshot-slide.is-active{flex-basis:min(var(--active-ipad-width),calc(100vw - 64px))}.app-screenshot-slider:not(.is-ipad).is-landscape-device .app-screenshot-slide.is-active{flex-basis:min(var(--active-phone-width),calc(100vw - 64px));border-radius:36px}.app-screenshot-slider:not(.is-ipad).is-portrait-device .app-screenshot-slide.is-active{flex-basis:min(var(--active-phone-width),calc(100vw - 64px));border-radius:36px}.app-screenshot-slider:not(.is-ipad).is-classic-phone .app-screenshot-slide.is-active{border-radius:0}.app-screenshot-slider.is-ipad.is-portrait-device .app-screenshot-slide.is-active{flex-basis:min(var(--active-ipad-width),calc(100vw - 64px))}.app-screenshot-slider__stage{position:relative;z-index:3;width:var(--stage-width, min(380px, 65vw));max-width:90vw;pointer-events:none}.app-screenshot-slider__device-frame{position:relative;display:grid;width:100%;aspect-ratio:71.5 / 149.6;box-sizing:border-box;overflow:hidden;border:10px solid #000;border-radius:48px;box-shadow:0 0 0 1px var(--line)}.app-screenshot-slider.is-sizing-ready .app-screenshot-slider__stage{transition:width .36s cubic-bezier(.22,1,.36,1)}.app-screenshot-slider.is-sizing-ready .app-screenshot-slider__device-frame{transition:aspect-ratio .36s cubic-bezier(.22,1,.36,1),border-radius .36s cubic-bezier(.22,1,.36,1),width .36s cubic-bezier(.22,1,.36,1)}.app-screenshot-slider.is-ipad .app-screenshot-slider__stage{width:var(--stage-width, min(840px, 80vw));max-width:90vw}.app-screenshot-slider.is-ipad .app-screenshot-slider__device-frame{aspect-ratio:4 / 3;border-radius:34px}.app-screenshot-slider:not(.is-ipad).is-landscape-device .app-screenshot-slider__device-frame{border-radius:44px}.app-screenshot-slider__device-frame .device-speaker{position:absolute;z-index:2;top:8px;left:50%;width:64px;height:18px;border-radius:999px;background:#00000075;transform:translate(-50%)}.app-screenshot-slider.is-ipad .app-screenshot-slider__device-frame .device-speaker{display:none}.app-screenshot-slider:not(.is-ipad).is-landscape-device .app-screenshot-slider__device-frame .device-speaker{top:50%;right:10px;left:auto;width:18px;height:64px;transform:translateY(-50%)}.device-home-button{display:none;position:absolute;z-index:2;bottom:4px;left:50%;width:26px;height:26px;border:2.5px solid rgb(150 150 150 / 52%);border-radius:50%;background:#1414141f;transform:translate(-50%)}.app-screenshot-slider__device-frame.is-se-style{border-width:11px 10px 13px;border-radius:34px}.app-screenshot-slider__device-frame.is-se-style:before,.app-screenshot-slider__device-frame.is-se-style:after{position:absolute;right:0;left:0;z-index:1;height:var(--classic-phone-chrome, 0);background:#000;content:""}.app-screenshot-slider__device-frame.is-se-style:before{top:0}.app-screenshot-slider__device-frame.is-se-style:after{bottom:0}.app-screenshot-slider__device-frame.is-se-style .device-speaker{top:calc(var(--classic-phone-chrome, 56px) * .38);width:42px;height:4px;border-radius:999px;background:#00000061}.app-screenshot-slider__device-frame.is-se-style .device-home-button{display:block}.app-screenshot-slide img{grid-area:1 / 1;position:relative;display:block;min-width:0;min-height:0;width:100%;height:100%;object-fit:contain;transition:transform .52s cubic-bezier(.22,1,.36,1),filter .42s ease}.app-screenshot-slider.is-ipad .app-screenshot-slide img{width:100%;height:100%;border-radius:24px}.app-screenshot-slider:not(.is-ipad).is-portrait-device .app-screenshot-slide img{width:100%;height:100%}.app-screenshot-slider:not(.is-ipad).is-landscape-device .app-screenshot-slide img{width:100%;height:100%}.app-screenshot-slider.is-ipad .app-screenshot-slide.is-active img{border-radius:24px}.app-screenshot-slider:not(.is-ipad).is-classic-phone .app-screenshot-slide.is-active img{border-radius:0}.app-screenshot-slider__meta{position:absolute;top:calc(100% + 12px);left:50%;z-index:4;display:grid;grid-template-columns:auto auto;justify-content:space-between;align-items:baseline;gap:10px 16px;width:100%;min-width:max-content;pointer-events:auto;transform:translate(-50%)}.app-screenshot-slider__label{grid-column:1 / -1;color:var(--ink);font-size:var(--text-lg);font-weight:700;white-space:nowrap;text-align:center}.app-screenshot-slider__page-type{color:var(--muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.02em;white-space:nowrap}.app-screenshot-slider__ui-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.app-screenshot-slider__ui-tag{display:inline-block;padding:1px 8px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--muted);font-size:var(--text-xs);font-weight:400;white-space:nowrap}.app-screenshot-slider__btn{top:50%;z-index:4}.app-screenshot-slider__btn--prev{left:clamp(14px,3vw,42px)}.app-screenshot-slider__btn--next{right:clamp(14px,3vw,42px)}.app-screenshot-slider__count{position:absolute;right:clamp(18px,3vw,42px);bottom:clamp(16px,3vw,30px);border:1px solid var(--line);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 76%,transparent);color:var(--muted);font-size:var(--text-sm);font-weight:720;padding:7px 12px;backdrop-filter:blur(16px)}.app-screenshot-description,html[lang=en] .app-screenshot-description [data-lang-content=en],html[lang=zh] .app-screenshot-description [data-lang-content=zh]{display:grid}.app-screenshot-description p{margin:0 0 var(--space-4)}.text-link-button{width:fit-content;border:0;background:transparent;color:var(--primary);font:inherit;padding:0;cursor:pointer}.text-link-button:hover{text-decoration:underline}.app-screenshot-groups{position:relative;width:100%;min-width:0}.app-screenshot-groups__track{display:flex;flex-direction:column;gap:clamp(40px,6vw,40px)}.app-screenshot-platform h2{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--ink);font-size:var(--text-xl);cursor:pointer;user-select:none}.app-screenshot-platform__icon{display:flex;align-items:center;color:var(--muted)}.app-screenshot-platform__icon svg{width:22px;height:22px}.app-screenshot-platform__chevron{display:flex;align-items:center;color:var(--muted);transition:transform .25s}.app-screenshot-platform__chevron svg{width:18px;height:18px}.app-screenshot-platform__body{overflow:visible}.app-screenshot-platform.is-collapsed .app-screenshot-platform__chevron{transform:rotate(-90deg)}.app-screenshot-platform.is-collapsed .app-screenshot-platform__body{display:none}.app-screenshot-platform__scroll{position:relative}.app-screenshot-platform__row{display:flex;align-items:flex-start;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.app-screenshot-platform__row::-webkit-scrollbar{display:none}.app-screenshot-platform__btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:.5px solid rgb(255 255 255 / 15%);border-radius:50%;background:linear-gradient(180deg,#ffffff0f,#ffffff0a 30%,#ffffff05 80%,#ffffff0f);color:var(--muted);cursor:pointer;box-shadow:inset 0 .5px #ffffff40,inset 0 -.5px #ffffff14,0 2px 8px #0000000a,0 8px 24px #00000012,0 20px 56px #0000001a;backdrop-filter:blur(48px) saturate(180%);-webkit-backdrop-filter:blur(48px) saturate(180%);transition:background .15s,color .15s,transform .15s}.app-screenshot-platform__btn:hover{background:linear-gradient(180deg,#ffffff1f,#ffffff14 30%,#ffffff0a 80%,#ffffff1f);color:var(--ink);transform:translateY(-50%) scale(1.08)}.app-screenshot-platform__btn svg{width:18px;height:18px;color:var(--faint)}.app-screenshot-platform__btn--prev{left:-48px}.app-screenshot-platform__btn--next{right:-48px}.app-screenshot-frame{flex:0 0 auto;scroll-snap-align:start;display:grid;place-items:center;margin:0;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden}.app-screenshot-frame img,.app-screenshot-frame video{display:block;width:auto;max-height:min(680px,72vh);max-width:min(86vw,980px);object-fit:contain}.app-screenshot-frame.is-video{background:#000}[data-lang-content]{display:none}html[lang=en] [data-lang-content=en],html[lang=zh] [data-lang-content=zh]{display:revert}.hero{max-width:960px;margin:0 auto;padding:var(--space-8) 0 var(--space-12)}.hero h1{margin:0 0 var(--space-8);font-size:clamp(var(--text-3xl),6vw,56px);font-weight:760;line-height:1.05;letter-spacing:-.02em}.hero h2{margin:0 0 var(--space-4);font-size:var(--text-2xl);font-weight:650;line-height:var(--leading-tight)}.hero p{margin:0 0 var(--space-3);color:var(--muted);font-size:var(--text-lg);line-height:var(--leading-loose)}.hero ul{margin:0 0 var(--space-3);padding-left:var(--space-5);color:var(--muted);font-size:var(--text-lg);line-height:var(--leading-loose)}.hero li{margin-bottom:var(--space-1)}.hero hr{margin:var(--space-8) 0;border:0;border-top:1px solid var(--line)}.hero strong{color:var(--ink)}.meta-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.pill{display:inline-flex;align-items:center;min-height:28px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);padding:0 14px;color:var(--muted);font-size:var(--text-sm);font-weight:550}.links-page{max-width:1120px}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4);margin-top:var(--space-8)}.link-card{display:flex;min-height:210px;flex-direction:column;justify-content:space-between;gap:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-3xl);background:linear-gradient(145deg,color-mix(in oklab,var(--surface) 96%,white),var(--surface-soft));padding:var(--space-6);box-shadow:var(--shadow-soft);color:var(--ink);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.link-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-card);transform:translateY(-2px)}.link-card__meta{width:fit-content;border:1px solid var(--line);border-radius:var(--radius-pill);padding:6px 12px;color:var(--faint);font-size:var(--text-sm);font-weight:650}.link-card strong{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--text-2xl);line-height:var(--leading-tight)}.link-card strong svg{width:20px;height:20px;flex:0 0 auto;color:var(--faint)}.link-card span:not(.link-card__meta){color:var(--muted);font-size:var(--text-md);line-height:var(--leading-normal)}.link-card small{overflow:hidden;color:var(--faint);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.site-footer{width:min(1600px,calc(100% - 96px));margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-12) 0 var(--space-16)}.footer-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6)}.footer-row__bottom{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--line)}.footer-row__bottom,.footer-row__bottom a{color:var(--subtle);font-size:var(--text-xs)}.social-link{display:inline-grid;width:32px;height:32px;place-items:center;border-radius:var(--radius-pill);color:var(--faint);transition:background .16s ease,color .16s ease}.social-link:hover{background:var(--hover);color:var(--ink)}.social-link svg{width:16px;height:16px}.social-link--wechat{position:relative;cursor:pointer;overflow:visible}.wechat-qr{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);width:160px;height:160px;max-width:none;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 8px 32px #0000002e;pointer-events:none;opacity:0;z-index:50;transition:opacity .18s ease}.social-link--wechat:hover .wechat-qr,.social-link--wechat:focus-visible .wechat-qr{opacity:1}.footer-left{display:flex;align-items:flex-end;gap:var(--space-4)}.footer-nav{display:flex;flex-wrap:wrap;gap:var(--space-3)}.footer-nav a{transition:color .16s ease}.footer-nav a:hover{color:var(--ink)}.footer-right{display:flex;flex-direction:column;align-items:flex-end}.footer-desc{gap:var(--space-3);display:inline-flex;align-items:center}.footer-logo{flex-shrink:0;opacity:.85;transition:opacity .18s ease}.footer-logo:hover{opacity:1;color:var(--ink)}.footer-logo svg{display:block;width:18px;height:18px}.footer-stats-group{display:flex;gap:var(--space-10)}.footer-col{min-width:140px}.footer-col-title{font-size:var(--text-sm);font-weight:650;color:var(--faint);display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.footer-col-title svg{width:16px;height:16px;flex-shrink:0}.footer-col-list{list-style:none;margin:0;padding:0 0 0 24px;display:flex;flex-direction:column;gap:var(--space-1)}.footer-col-list a{font-size:var(--text-sm);color:var(--muted);transition:color .16s ease}.footer-col-list a:hover{color:var(--ink)}.footer-copyright-group{display:flex;align-items:center;gap:var(--space-3)}.footer-copyright-group span:not(:last-child):after,.footer-nav a:not(:last-child):after{content:"|";color:var(--line);margin-left:var(--space-3)}@media(min-width:981px)and (max-width:1400px){.case-grid,.icon-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}}@media(max-width:980px){html,body,.site-frame{inline-size:100%;max-inline-size:100%;overflow-x:clip}.site-header{padding-top:env(safe-area-inset-top);padding-inline:max(var(--space-4),env(safe-area-inset-left)) max(var(--space-4),env(safe-area-inset-right))}.nav-glass{inline-size:100%;max-inline-size:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 32px);overflow:visible}.site-header.is-searching .top-nav{display:none}.site-main{inline-size:100%;max-inline-size:100%;margin-inline:auto;padding-inline:max(var(--space-4),env(safe-area-inset-left)) max(var(--space-4),env(safe-area-inset-right));padding-block:max(var(--space-4),env(safe-area-inset-left)) max(var(--space-4),env(safe-area-inset-right));overflow-x:clip}.site-footer{inline-size:100%;max-inline-size:100%;padding-inline:16px;overflow-x:clip}.detail-float-nav{display:none}@supports not (inline-size: 100dvw){.site-frame,.site-main{max-inline-size:100vw}}.site-main>*,.site-footer>*{min-inline-size:0;max-inline-size:100%}.database-page,.case-detail,.page-heading,.case-hero,.case-hero__body,.case-hero__meta,.case-grid,.product-index-page,.product-detail-page,.product-grid,.product-card,.product-hero-preview,.product-section,.icon-gallery,.case-card,.icon-card,.card-title-row,.property-row,.detail-layout,.icon-detail-layout,.icon-detail-main,.icon-showcase,.related-icons,.similar-recs,.similar-recs__wrap,.similar-recs__scroll,.version-timeline,.version-timeline__track,.case-detail__cover,.mobile-screenshots,.mobile-screenshot-grid,.screenshot-grid,.app-detail-slider,.app-slider-shell,.app-screenshot-slider,.app-screenshot-slider__wrap,.app-screenshot-slider__viewport,.footer-row,.footer-left,.footer-right,.footer-stats-group,.footer-tools,.footer-copyright-group{min-inline-size:0;max-inline-size:100%}.case-card,.icon-card,.case-detail__cover,.case-body,.icon-showcase,.properties-panel,.version-timeline,.similar-recs,.app-screenshot-slider,.app-screenshot-slider__wrap,.app-screenshot-slider__viewport{inline-size:100%}.case-card__media,.case-card__image,.app-card__media,.app-card__image,.icon-card__image,.similar-recs__image,.icon-showcase img,.case-detail__cover img,.mobile-screenshot-grid img,.screenshot-grid img{min-inline-size:0;max-inline-size:100%}.app-screenshot-slider__track{max-inline-size:none}.icon-detail-layout,.related-icon-grid,.detail-layout,.screenshot-grid,.app-slider-shell{inline-size:100%;grid-template-columns:1fr;overflow-x:clip}.app-detail-slider{inline-size:100%;max-inline-size:min(100%,980px);margin:0 auto}.app-slider-shell{min-height:auto}.device-stage{min-height:620px}.device-carousel{width:100%;height:560px;min-height:560px}.device-slide{transform:translate(-50%,-50%) translate(calc(var(--offset) * 96px)) scale(.68) rotateY(calc(var(--offset) * -10deg))}.app-slider-meta{border-top:1px solid var(--line);border-left:0;padding-top:18px;padding-left:0}.similar-recs__scroll,.version-timeline__track,.section-tabs{overflow-x:auto;overscroll-behavior-inline:contain}.similar-recs__card{flex-basis:min(360px,calc(100vw - 56px))}.footer-row,.footer-stats-group,.footer-copyright-group{flex-wrap:wrap}.properties-panel{position:static}.properties-panel dl>div{grid-template-columns:1fr;gap:2px}}@media(max-width:800px){.case-card__media,.app-card__media,.icon-card__image{width:100%;overflow:hidden}.case-card__image{inline-size:100%;min-inline-size:0;object-fit:cover}.case-hero,.footer-row{align-items:flex-start}.footer-row,.footer-left,.footer-right,.footer-copyright-group{inline-size:100%}.footer-right{align-items:flex-start}.footer-stats-group{display:grid;inline-size:100%;grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr));column-gap:var(--space-5);row-gap:var(--space-6)}.footer-col{min-inline-size:0}.footer-col-list{padding-left:0;gap:6px}.footer-row__bottom{align-items:flex-start}.app-screenshot-slider__stage,.app-screenshot-slider:not(.is-ipad).is-landscape-device .app-screenshot-slider__stage,.app-screenshot-slider.is-ipad .app-screenshot-slider__stage,.app-screenshot-slider.is-ipad.is-portrait-device .app-screenshot-slider__stage{inline-size:min(100%,calc(100vw - 64px))}.app-screenshot-slide,.app-screenshot-slide.is-active,.app-screenshot-slider.is-ipad .app-screenshot-slide,.app-screenshot-slider.is-ipad .app-screenshot-slide.is-active,.app-screenshot-slider:not(.is-ipad).is-landscape-device .app-screenshot-slide,.app-screenshot-slider:not(.is-ipad).is-landscape-device .app-screenshot-slide.is-active,.app-screenshot-slider.is-ipad.is-portrait-device .app-screenshot-slide,.app-screenshot-slider.is-ipad.is-portrait-device .app-screenshot-slide.is-active{flex-basis:min(100%,calc(100vw - 64px))}.site-header{padding-top:env(safe-area-inset-top)}.nav-glass{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;inline-size:100%;min-height:48px;padding:0}.brand-logo{width:30px;height:30px}.top-nav{justify-content:center;gap:1px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.top-nav::-webkit-scrollbar{display:none}.nav-actions{gap:0}.top-nav-link,.search-toggle,.filter-nav-btn{min-width:0;height:44px}.top-nav-link{flex:0 0 auto;padding:0 9px;font-size:12px}.search-toggle,.filter-nav-btn{width:36px;padding:0}.search-toggle svg,.filter-nav-btn svg{width:18px;height:18px}.site-search{margin-left:0}.site-header.is-searching .site-search input{width:min(44vw,220px)}.site-header.is-searching .search-toggle{display:none}}@media(max-width:980px){.product-identity{justify-items:start;text-align:left}.product-hero-preview{grid-template-columns:1fr}.product-hero-preview__main{min-height:320px}.product-hero-preview__rail{grid-template-columns:minmax(160px,.34fr) minmax(0,1fr)}.product-section__heading{display:grid;gap:var(--space-2)}.product-section__heading p{max-width:none;text-align:left}.product-visuals__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.product-index-page,.product-detail-page{width:min(100% - 32px,1600px)}.product-hero-preview__rail,.product-hero-preview__stats{grid-template-columns:1fr}.product-hero-preview__icon{min-height:180px}.product-visuals__grid{grid-template-columns:1fr}.product-visual-card.is-large{grid-column:auto;grid-row:auto}}@media(max-width:640px){.title-row,.icon-hero{display:grid}.icon-count{text-align:left}.title-row h1{font-size:42px}.section-tabs{overflow-x:auto}.filter-label{width:100%}.app-slider-shell{border-radius:24px}.device-stage{min-height:560px}.device-carousel{height:500px;min-height:500px}.app-slider-copy h1{font-size:42px}.slider-control{width:40px;height:40px;font-size:28px}}.event-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:start}.event-media{display:flex;flex-direction:column;gap:var(--space-5)}.event-media__figure{margin:0}.event-media__landscape,.event-media__portrait{width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--line)}.event-media__video{width:100%;border-radius:var(--radius-lg);border:1px solid var(--line)}.case-sidebar{position:sticky;top:60px;display:grid;gap:var(--space-5)}.event-app-info{display:grid;gap:var(--space-5);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.event-app-sidebar__app{display:flex;align-items:center;gap:14px;width:100%}.event-app-sidebar__icon{width:64px;height:64px;border-radius:var(--radius-lg);border:1px solid var(--line);object-fit:cover;flex-shrink:0}.event-app-sidebar__app-info{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.event-app-sidebar__name{margin:0;font-size:var(--text-xl);font-weight:680;color:var(--ink)}.event-app-sidebar__category{margin:0;font-size:var(--text-sm);color:var(--muted)}.event-app-sidebar__link{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:4px 12px;border:1px solid var(--line);border-radius:999px;font-size:var(--text-xs);font-weight:600;color:var(--ink);text-decoration:none;transition:background .15s;width:fit-content}.event-app-sidebar__link:hover{background:var(--ink);color:var(--surface)}.event-app-sidebar__meta{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-5) 0 0;margin:0;gap:var(--space-3);border-top:1px solid var(--line)}.event-app-sidebar__meta dd{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:0;color:var(--muted);font-size:var(--text-md)}.event-app-sidebar__meta dd a{color:var(--muted);gap:var(--space-3)}.event-app-sidebar__meta dd a:hover{color:var(--ink)}.event-app-sidebar__meta dd:first-child{display:flex;flex-wrap:wrap;gap:var(--space-2)}.event-app-sidebar__meta .property-row a:nth-of-type(n+2):before{content:"|";color:var(--line-strong);margin-right:var(--space-3)}.event-app-sidebar__meta .tag-icon{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:var(--text-xs);flex-shrink:0}.event-app-sidebar__design-summary{margin:0;color:var(--muted);font-size:var(--text-md);line-height:var(--leading-normal);border-top:1px solid var(--line);padding-top:var(--space-5)}.sidebar-ad{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:16px;min-height:120px;position:relative}.sidebar-ad .ad-sponsored-badge{position:absolute;bottom:6px;right:10px;font-size:11px;color:var(--faint)}.event-app-sidebar__store{width:100%;padding-top:var(--space-5);border-top:1px solid var(--line)}.event-app-sidebar__store a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border-radius:var(--radius-pill);background:var(--ink);color:var(--surface);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:opacity .15s}.event-app-sidebar__store a:hover{opacity:.84}.icon-app-sidebar__store{width:100%;padding-top:16px;border-top:1px solid var(--line)}.icon-app-sidebar__store a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border-radius:var(--radius-pill);background:var(--ink);color:var(--surface);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:opacity .15s}.icon-app-sidebar__store a:hover{opacity:.84}@media(max-width:760px){.event-detail-layout{grid-template-columns:1fr}.event-app-sidebar{position:static;padding:18px}.event-app-sidebar__icon{width:56px;height:56px}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}