:root{color-scheme:light dark;--bg: #f7f7f5;--surface: #ffffff;--surface-subtle: #f2f1ee;--ink: #1f1f1d;--muted: #68665f;--faint: #969188;--line: #e2ded6;--line-strong: #cfc8bd;--hover: #edebe6;--shadow: 0 1px 2px rgb(15 15 15 / 4%), 0 12px 34px rgb(15 15 15 / 6%);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #191917;--surface: #232321;--surface-subtle: #1f1f1d;--ink: #eeeeea;--muted: #b7b1a7;--faint: #868078;--line: #36342f;--line-strong: #504b44;--hover: #2c2b27;--shadow: 0 1px 2px rgb(0 0 0 / 24%), 0 18px 42px rgb(0 0 0 / 22%)}}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}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:grid;grid-template-columns:minmax(140px,1fr) auto minmax(180px,1fr);align-items:center;gap:20px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);padding:14px clamp(18px,4vw,40px);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:10px;width:max-content;font-size:15px;font-weight:720}.brand-logo{display:block;width:30px;height:30px;border-radius:6px;object-fit:contain}.top-nav{display:inline-flex;align-items:center;justify-self:center;gap:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:4px}.top-nav-link{min-width:68px;border-radius:6px;padding:7px 12px;color:var(--muted);font-size:14px;text-align:center}.top-nav-link:hover,.ghost-button:hover,.filter-chip:hover,.section-tab:hover,.case-card:hover{background:var(--hover)}.top-nav-link.is-active{background:var(--ink);color:var(--surface)}.site-search{justify-self:end;width:min(100%,260px)}.site-search input{width:100%;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:0 12px;outline:none}.site-search input::placeholder{color:var(--faint)}.site-search input:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--line-strong) 35%,transparent)}.site-main{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:32px 0 52px}.database-page,.case-detail{display:grid;gap:22px}.page-heading{display:grid;gap:12px;padding:20px 0 4px}.breadcrumb{color:var(--faint);font-size:13px}.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.title-row h1{margin:0;font-size:clamp(42px,7vw,78px);font-weight:760;line-height:.98;letter-spacing:0}.title-row p{max-width:660px;margin:12px 0 0;color:var(--muted);font-size:17px;line-height:1.65}.ghost-button{flex:0 0 auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:8px 12px;color:var(--muted);font-size:14px}.database-panel{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.section-tabs{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line);padding:8px}.section-tab{display:inline-flex;align-items:center;gap:8px;border-radius:6px;padding:8px 10px;color:var(--muted);font-size:14px}.section-tab.is-active{background:var(--hover);color:var(--ink);font-weight:650}.section-tab small{color:var(--faint);font-size:12px}.filter-bar{display:grid;gap:10px;border-bottom:1px solid var(--line);background:var(--surface-subtle);padding:12px 14px}.filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.filter-label{width:54px;color:var(--faint);font-size:12px;font-weight:650}.filter-chip,.property-pill{display:inline-flex;align-items:center;gap:6px;min-height:26px;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:4px 8px;color:var(--muted);font-size:13px;line-height:1}.filter-empty{color:var(--faint);font-size:13px}.database-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 14px;color:var(--faint);font-size:13px}.empty-database{display:grid;gap:8px;padding:46px 18px;text-align:center}.empty-database h2{margin:0;font-size:18px;letter-spacing:0}.empty-database p{max-width:420px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.6}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px}.case-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.case-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-1px)}.case-card__image{width:100%;aspect-ratio:3 / 2;background:var(--surface-subtle);object-fit:cover}.case-card__body{display:grid;gap:10px;padding:12px}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.card-title-row h2{margin:0;font-size:16px;line-height:1.25;letter-spacing:0}.card-title-row span,.case-card time{color:var(--faint);font-size:12px}.case-card p{display:-webkit-box;overflow:hidden;min-height:42px;margin:0;color:var(--muted);font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.property-row{display:flex;flex-wrap:wrap;gap:6px}.color-dot{width:9px;height:9px;border:1px solid rgb(0 0 0 / 12%);border-radius:999px;background:#b8b2aa}.color-red{background:#d95d59}.color-neutral{background:#b8b2aa}.color-blue{background:#5486c8}.color-green{background:#5f9f78}.color-yellow{background:#d6aa3f}.color-black{background:#2f2f2f}.detail-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.properties-panel{position:sticky;top:88px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:14px}.properties-panel dl{display:grid;gap:14px;margin:0}.properties-panel div{display:grid;gap:6px}.properties-panel dt{color:var(--faint);font-size:12px;font-weight:650}.properties-panel dd{margin:0;color:var(--muted);font-size:14px}.detail-main{display:grid;gap:18px}.case-detail__cover,.screenshot-grid img{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.case-detail__cover img{width:100%;aspect-ratio:16 / 10;object-fit:cover}.case-body{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:18px;color:var(--muted);font-size:16px;line-height:1.8}.case-body p{margin:0}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.screenshot-grid img{width:100%}.site-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:26px clamp(18px,4vw,40px) 34px;color:var(--faint);font-size:13px}.site-footer strong{display:block;margin-bottom:6px;color:var(--ink);font-size:14px}.site-footer p{margin:0}.site-footer nav{display:flex;flex-wrap:wrap;gap:12px}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--ink)}@media(min-width:981px)and (max-width:1200px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.site-header{grid-template-columns:1fr auto}.top-nav{justify-self:end}.site-search{grid-column:1 / -1;justify-self:stretch;width:100%}.site-main{width:min(100% - 28px,1180px);padding-top:22px}.case-grid,.detail-layout,.screenshot-grid{grid-template-columns:1fr}.properties-panel{position:static}}@media(max-width:640px){.site-header{gap:12px}.brand span:last-child{display:none}.top-nav-link{min-width:auto;padding-inline:10px}.title-row,.site-footer{display:grid}.title-row h1{font-size:42px}.section-tabs{overflow-x:auto}.filter-label{width:100%}}