@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root,html[data-theme=light]{--color-bg:#fafafa;--color-bg-alt:#fff;--color-surface:#fff;--color-surface-strong:#f7f7f7;--color-surface-soft:#f0f0f0;--color-sidebar:#f5f5f5;--color-text:#1a1a1a;--color-text-muted:#6b6b6b;--color-text-faint:#999;--color-text-warm:#3d3d3d;--color-border:#00000014;--color-border-mid:#0000001f;--color-border-strong:#0000002e;--color-accent:#c4a265;--color-accent-hover:#b5934e;--color-accent-soft:#c4a2651f;--color-success:#5a9e78;--color-success-soft:#5a9e781f;--color-danger:#d64545;--color-danger-soft:#d645451a;--gradient-button:linear-gradient(180deg, #fff 0%, #f8f8f8 100%);--gradient-input:linear-gradient(180deg, #fff 0%, #fafafa 100%);--gradient-media:linear-gradient(135deg, #f0f0f0 0%, #e8e8e8 100%);--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000f;--shadow-card:0 4px 16px #00000014;--shadow-deep:0 12px 32px #0000001a;--shadow-overlay:0 24px 64px #00000029;--overlay-bg:#fff9;--overlay-backdrop:#0006;--header-bg:#fafafae0;--scrollbar-track:#f0f0f0;--scrollbar-thumb:#ccc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--color-bg:#0a0a0a;--color-bg-alt:#1a1a1a;--color-surface:#1e1e1e;--color-surface-strong:#252525;--color-surface-soft:#2a2a2a;--color-sidebar:#141414;--color-text:#e0e0e0;--color-text-muted:#a0a0a0;--color-text-faint:#707070;--color-text-warm:#d0d0d0;--color-border:#ffffff14;--color-border-mid:#ffffff1f;--color-border-strong:#ffffff2e;--color-accent:#d3b98f;--color-accent-hover:#e0c89e;--color-accent-soft:#d3b98f24;--color-success:#85ba9f;--color-success-soft:#85ba9f29;--color-danger:#e06060;--color-danger-soft:#e060601f;--gradient-button:linear-gradient(180deg, #1e1e1e 0%, #181818 100%);--gradient-input:linear-gradient(180deg, #222 0%, #1c1c1c 100%);--gradient-media:linear-gradient(135deg, #151515 0%, #101010 100%);--shadow-xs:0 1px 2px #00000029;--shadow-sm:0 2px 8px #0000003d;--shadow-card:0 4px 16px #00000052;--shadow-deep:0 12px 32px #0006;--shadow-overlay:0 24px 64px #00000085;--overlay-bg:#0a0a0a99;--overlay-backdrop:#000000a6;--header-bg:#0a0a0ae0;--scrollbar-track:#1a1a1a;--scrollbar-thumb:#444;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:999px;--font-heading:"Barlow", "Inter", "Noto Sans JP", sans-serif;--font-display:"Cormorant Garamond", Georgia, "Yu Mincho", serif;--font-body:"Noto Sans JP", "Inter", "Hiragino Sans", "Yu Gothic UI", sans-serif;--font-ui:"Inter", "Noto Sans JP", sans-serif;--font-mono:"IBM Plex Mono", "Consolas", "Menlo", monospace;--font-numbers:"DM Sans", "Inter", sans-serif;--content-max-width:1360px;--sidebar-width-lg:280px;--sidebar-width:240px;--header-height:56px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--theme-transition:color .3s ease, background-color .3s ease, border-color .3s ease, box-shadow .3s ease}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-synthesis:none;scroll-behavior:smooth}html,body,#root{min-height:100%}body{background-color:var(--color-bg);min-width:320px;color:var(--color-text);font-family:var(--font-body);transition:var(--theme-transition);margin:0;font-size:15px;font-weight:400;line-height:1.6}body,button,input,select,textarea{font:inherit}img,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}button{cursor:pointer;background:0 0;border:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}::selection{background:var(--color-accent-soft);color:var(--color-text)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);transition:var(--theme-transition);position:sticky;top:0}.site-header__inner{height:var(--header-height);justify-content:space-between;align-items:center;padding:0 32px;display:flex}.site-header__left{align-items:center;gap:16px;min-width:0;display:flex}.site-header__right{flex-shrink:0;align-items:center;gap:12px;display:flex}.site-header__back{border-radius:var(--radius-sm);color:var(--color-text-muted);transition:color var(--duration-fast) ease, background-color var(--duration-fast) ease;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:500;display:inline-flex}.site-header__back:hover{color:var(--color-text);background-color:var(--color-surface-soft)}.site-header__logo-link{flex-shrink:0;align-items:center;gap:10px;display:flex}.site-header__logo{opacity:.92;width:auto;height:38px;transition:opacity var(--duration-fast) ease;display:block}.site-header__logo-link:hover .site-header__logo{opacity:1}.site-header__brand{font-family:var(--font-heading);letter-spacing:.12em;color:var(--color-text);opacity:.88;transition:opacity var(--duration-fast) ease;font-size:1.18rem;font-weight:700}.site-header__logo-link:hover .site-header__brand{opacity:1}.site-header__title{font-family:var(--font-heading);letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:1rem;font-weight:600}.site-header__cta{min-height:34px;padding:0 16px;font-size:.82rem}.theme-toggle{border:1px solid var(--color-border-mid);border-radius:var(--radius-sm);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;transition:var(--theme-transition);justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.list-layout{flex:1;width:100%;padding:0 32px;display:flex}.sidebar-desktop{display:none}@media (width>=1024px){.sidebar-desktop{top:var(--header-height);width:var(--sidebar-width);height:calc(100vh - var(--header-height));border-right:1px solid var(--color-border);background:var(--color-sidebar);transition:var(--theme-transition);flex-shrink:0;display:block;position:sticky;overflow-y:auto}}@media (width>=1440px){.sidebar-desktop{width:var(--sidebar-width-lg)}}.sidebar-overlay{z-index:150;background:var(--overlay-backdrop);opacity:0;transition:opacity var(--duration-base) ease;display:none;position:fixed;inset:0}.sidebar-overlay--visible{opacity:1;display:block}.sidebar-drawer{z-index:151;background:var(--color-sidebar);border-right:1px solid var(--color-border);width:min(320px,85vw);transition:transform var(--duration-base) var(--ease-out);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar-drawer--open{transform:translate(0)}@media (width>=1024px){.sidebar-overlay,.sidebar-drawer{display:none!important}}.sidebar{flex-direction:column;height:100%;padding:0;display:flex}.sidebar__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sidebar__title{font-family:var(--font-heading);letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted);font-size:.88rem;font-weight:600}.sidebar__count{font-family:var(--font-numbers);color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-full);padding:2px 8px;font-size:.78rem;font-weight:600}.sidebar__close-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);transition:background-color var(--duration-fast) ease;justify-content:center;align-items:center;display:none}.sidebar__close-btn:hover{background-color:var(--color-surface-soft);color:var(--color-text)}@media (width<=1023px){.sidebar__close-btn{display:inline-flex}}.sidebar__active-tags{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:6px;padding:12px 20px;display:flex}.sidebar__active-tag{border:1px solid var(--color-accent);border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) ease;align-items:center;gap:4px;padding:3px 8px 3px 10px;font-size:.75rem;display:inline-flex}.sidebar__active-tag:hover{background:var(--color-accent);color:#fff}.sidebar__clear-all{color:var(--color-text-faint);cursor:pointer;border-radius:var(--radius-full);transition:color var(--duration-fast) ease;padding:3px 8px;font-size:.75rem}.sidebar__clear-all:hover{color:var(--color-danger)}.sidebar__groups{flex:1;padding:8px 0;overflow-y:auto}.sidebar__footer{border-top:1px solid var(--color-border);padding:12px 20px}.sidebar__clear-btn{border:1px solid var(--color-border-mid);border-radius:var(--radius-sm);width:100%;min-height:36px;color:var(--color-text-muted);cursor:pointer;transition:var(--theme-transition);background:0 0;justify-content:center;align-items:center;padding:0 16px;font-size:.82rem;font-weight:500;display:inline-flex}.sidebar__clear-btn:hover{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-soft)}.sidebar__clear-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-group{border-bottom:1px solid var(--color-border)}.sidebar-group--active{background:var(--color-accent-soft)}.sidebar-group__header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) ease;justify-content:space-between;align-items:center;gap:8px;padding:12px 20px;display:flex}.sidebar-group__header:hover{background-color:var(--color-surface-soft)}.sidebar-group__title{color:var(--color-text);flex:1;min-width:0;font-size:.84rem;font-weight:600}.sidebar-group__badge{font-family:var(--font-numbers);color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-full);flex-shrink:0;padding:1px 7px;font-size:.72rem;font-weight:600}.sidebar-group__arrow{width:16px;height:16px;color:var(--color-text-faint);transition:transform var(--duration-fast) ease;flex-shrink:0}.sidebar-group__arrow--open{transform:rotate(180deg)}.sidebar-group__content{padding:0 20px 12px}.sidebar-group__options{flex-direction:column;gap:2px;display:flex}.sidebar-checkbox{border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) ease;align-items:center;gap:10px;padding:7px 10px;display:flex}.sidebar-checkbox:hover{background-color:var(--color-surface-soft)}.sidebar-checkbox--checked{background-color:var(--color-accent-soft)}.sidebar-checkbox__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar-checkbox__box{border:2px solid var(--color-border-strong);width:18px;height:18px;transition:border-color var(--duration-fast) ease, background-color var(--duration-fast) ease;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-checkbox--checked .sidebar-checkbox__box{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.sidebar-checkbox__label{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.84rem;overflow:hidden}.sidebar-checkbox__count{font-family:var(--font-numbers);color:var(--color-text-faint);text-align:right;flex-shrink:0;min-width:20px;font-size:.72rem}.list-main{flex-direction:column;flex:1;min-width:0;display:flex}.toolbar{border-bottom:1px solid var(--color-border);background:var(--color-surface);transition:var(--theme-transition);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 24px;display:flex}.toolbar__filter-btn{border:1px solid var(--color-border-mid);border-radius:var(--radius-sm);background:var(--color-surface);min-height:36px;color:var(--color-text-muted);cursor:pointer;transition:var(--theme-transition);justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.82rem;font-weight:500;display:none}.toolbar__filter-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}@media (width<=1023px){.toolbar__filter-btn{display:inline-flex}}.toolbar__search{flex:1;min-width:140px;max-width:360px;position:relative}.toolbar__search-icon{width:16px;height:16px;color:var(--color-text-faint);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.toolbar__search-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-strong);width:100%;min-height:36px;color:var(--color-text);caret-color:var(--color-accent);transition:border-color var(--duration-fast) ease, background-color var(--duration-fast) ease;padding:0 12px 0 36px;font-size:.88rem}.toolbar__search-input::placeholder{color:var(--color-text-faint)}.toolbar__search-input:focus{border-color:var(--color-accent);background:var(--color-surface);outline:none}.toolbar__view-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;display:flex;overflow:hidden}.toolbar__view-btn{width:36px;height:34px;color:var(--color-text-faint);cursor:pointer;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.toolbar__view-btn:hover{color:var(--color-text-muted);background:var(--color-surface-soft)}.toolbar__view-btn--active{color:var(--color-accent);background:var(--color-accent-soft)}.toolbar__view-btn+.toolbar__view-btn{border-left:1px solid var(--color-border)}.toolbar__sort{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface-strong);min-height:36px;color:var(--color-text);appearance:none;cursor:pointer;transition:border-color var(--duration-fast) ease;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 14px) calc(50% - 2px),calc(100% - 9px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:0 32px 0 12px;font-size:.82rem}.toolbar__sort:focus{border-color:var(--color-accent);outline:none}.toolbar__count{font-family:var(--font-numbers);color:var(--color-text-muted);white-space:nowrap;margin-left:auto;font-size:.82rem}.toolbar__compare-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:34px;color:var(--color-text-muted);cursor:pointer;transition:var(--theme-transition);background:0 0;align-items:center;gap:6px;padding:0 12px;font-size:.78rem;font-weight:500;display:inline-flex}.toolbar__compare-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.toolbar__compare-btn--active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.works-view{flex:1;padding:24px}.works-view--grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.works-view--list{flex-direction:column;gap:12px;display:flex}.works-view--thumbnail{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}@media (width<=1439px){.works-view--thumbnail{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1023px){.works-view--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.works-view--thumbnail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767px){.works-view{padding:16px}.works-view--grid{grid-template-columns:1fr}.works-view--thumbnail{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;will-change:transform;transition:border-color var(--duration-base) ease, box-shadow var(--duration-base) ease;flex-direction:column;display:flex;position:relative;overflow:hidden}.grid-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-deep)}.grid-card__media{aspect-ratio:16/10;background:var(--gradient-media);position:relative;overflow:hidden}.grid-card__img{object-fit:cover;object-position:50% 0%;width:100%;height:100%;transition:transform .4s,object-position 8s}.grid-card:hover .grid-card__img{object-position:50% 100%;transform:scale(1.04)}.grid-card__overlay{opacity:0;transition:opacity var(--duration-base) ease;pointer-events:none;background:linear-gradient(#0000 30%,#000000b8 100%);flex-direction:column;justify-content:flex-end;padding:16px;display:flex;position:absolute;inset:0}.grid-card:hover .grid-card__overlay{opacity:1}.grid-card__overlay-summary{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.grid-card__overlay-tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.grid-card__overlay-tags .pill{color:#fff;border-radius:var(--radius-full);background:#ffffff2e;padding:2px 6px;font-size:.68rem}.grid-card__overlay-price{font-family:var(--font-numbers);color:var(--color-accent);margin-top:6px;font-size:.82rem;font-weight:600}.grid-card__compare{z-index:2;color:#0000;cursor:pointer;opacity:0;width:28px;height:28px;transition:opacity var(--duration-fast) ease, background-color var(--duration-fast) ease;background:#0000004d;border:2px solid #ffffff80;border-radius:6px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:10px;right:10px}.grid-card:hover .grid-card__compare,.grid-card__compare--checked{opacity:1}.grid-card__compare--checked{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.grid-card__badge{z-index:2;position:absolute;top:10px;left:10px}.grid-card__body{flex-direction:column;gap:4px;padding:14px 16px;display:flex}.grid-card__title{font-family:var(--font-heading);color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.96rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.list-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;will-change:transform;transition:border-color var(--duration-base) ease, box-shadow var(--duration-base) ease, background-color var(--duration-base) ease;align-items:stretch;gap:16px;padding:14px 16px;display:flex}.list-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card)}.list-card__thumb{aspect-ratio:16/10;border-radius:var(--radius-sm);background:var(--gradient-media);flex-shrink:0;width:140px;overflow:hidden}.list-card__thumb img{object-fit:cover;object-position:50% 0%;width:100%;height:100%;transition:object-position 6s}.list-card:hover .list-card__thumb img{object-position:50% 100%}.list-card__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.list-card__title{font-family:var(--font-heading);color:var(--color-text);font-size:.94rem;font-weight:600;line-height:1.3}.list-card__meta{color:var(--color-text-faint);font-size:.78rem}.list-card__summary{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.84rem;line-height:1.5;display:-webkit-box;overflow:hidden}.list-card__tags{flex-wrap:wrap;gap:4px;margin-top:auto;display:flex}.list-card__tag{border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);background:var(--color-surface-strong);padding:2px 8px;font-size:.72rem}.list-card__right{flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.list-card__price{font-family:var(--font-numbers);color:var(--color-accent);white-space:nowrap;font-size:.88rem;font-weight:600}.list-card__compare{border:2px solid var(--color-border-mid);color:#0000;cursor:pointer;width:28px;height:28px;transition:border-color var(--duration-fast) ease, background-color var(--duration-fast) ease;background:0 0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.list-card__compare--checked{background:var(--color-accent);border-color:var(--color-accent);color:#fff}@media (width<=767px){.list-card{flex-direction:column;gap:10px}.list-card__thumb{aspect-ratio:16/9;width:100%}.list-card__right{flex-direction:row;justify-content:space-between;align-items:center}}.thumb-card{border-radius:var(--radius-sm);cursor:pointer;aspect-ratio:16/10;background:var(--gradient-media);will-change:transform;transition:box-shadow var(--duration-base) ease;position:relative;overflow:hidden}.thumb-card:hover{box-shadow:var(--shadow-card)}.thumb-card__img{object-fit:cover;object-position:50% 0%;width:100%;height:100%;transition:transform .4s,object-position 8s}.thumb-card:hover .thumb-card__img{object-position:50% 100%;transform:scale(1.06)}.thumb-card__compare{z-index:2;color:#0000;cursor:pointer;opacity:0;width:24px;height:24px;transition:opacity var(--duration-fast) ease;background:#0000004d;border:2px solid #ffffff80;border-radius:4px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:6px;right:6px}.thumb-card:hover .thumb-card__compare,.thumb-card__compare--checked{opacity:1}.thumb-card__compare--checked{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.detail-page{flex:1;width:100%;max-width:960px;margin:0 auto;padding:32px 24px 64px}.detail-tabs{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:24px;padding-bottom:20px;display:flex}.detail-tabs__btn{border-radius:var(--radius-sm);min-height:38px;color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast) ease, background-color var(--duration-fast) ease, border-color var(--duration-fast) ease;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:0 16px;font-size:.86rem;font-weight:500;display:inline-flex}.detail-tabs__btn:hover{color:var(--color-text);background:var(--color-surface-soft)}.detail-tabs__btn--active{color:var(--color-accent);background:var(--color-accent-soft);border-color:var(--color-accent);font-weight:600}.detail-tabs__pdf-btn{border:1px solid var(--color-border-mid);border-radius:var(--radius-sm);background:var(--color-surface);min-height:36px;color:var(--color-text-muted);cursor:pointer;transition:border-color var(--duration-fast) ease, color var(--duration-fast) ease;align-items:center;gap:6px;margin-left:auto;padding:0 14px;font-size:.82rem;font-weight:500;display:inline-flex}.detail-tabs__pdf-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.detail-content{min-height:200px}.detail-nav{border-top:1px solid var(--color-border);justify-content:space-between;gap:16px;margin-top:48px;padding-top:24px;display:flex}.detail-nav__btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;min-width:0;max-width:45%;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;flex-direction:column;gap:4px;padding:12px 16px;text-decoration:none;display:flex}.detail-nav__btn:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.detail-nav__btn--next{text-align:right;align-items:flex-end;margin-left:auto}.detail-nav__label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);font-size:.72rem;font-weight:600}.detail-nav__title{font-family:var(--font-heading);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;line-height:1.3;overflow:hidden}.detail-not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 24px;display:flex}@media (width<=767px){.detail-page{padding:20px 16px 48px}.detail-nav{flex-direction:column}.detail-nav__btn{max-width:100%}.detail-nav__btn--next{text-align:left;align-items:flex-start}}.overview{flex-direction:column;gap:32px;display:flex}.overview__hero{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.overview__image{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%}.overview__hero-info{flex-direction:column;gap:12px;display:flex}.overview__pills{flex-wrap:wrap;gap:6px;display:flex}.overview__title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-text);font-size:clamp(1.4rem,3vw,2rem);font-weight:700;line-height:1.15}.overview__kicker{font-family:var(--font-display);color:var(--color-text-muted);font-size:.88rem;font-style:italic}.overview__tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.overview__tag{border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);background:var(--color-surface-strong);padding:3px 10px;font-size:.76rem}.overview__section{flex-direction:column;gap:12px;display:flex}.overview__section h3{font-family:var(--font-heading);color:var(--color-text);font-size:1.05rem;font-weight:600}.overview__challenge{color:var(--color-text-muted);font-size:.92rem;line-height:1.75}.overview__facts{border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(2,1fr);gap:0;display:grid;overflow:hidden}.overview__fact{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.overview__fact:nth-child(odd){border-right:1px solid var(--color-border)}.overview__fact:nth-last-child(-n+2){border-bottom:none}.overview__fact dt{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);font-size:.74rem;font-weight:600}.overview__fact dd{color:var(--color-text);font-size:.92rem;font-weight:600}.overview__chips{flex-direction:column;gap:12px;display:flex}.overview__chip-group{flex-direction:column;gap:6px;display:flex}.overview__chip-label{color:var(--color-text-muted);font-size:.78rem;font-weight:600}.overview__chip-items{flex-wrap:wrap;gap:6px;display:flex}.overview__actions{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:12px;padding-top:16px;display:flex}@media (width<=767px){.overview__hero,.overview__facts{grid-template-columns:1fr}.overview__fact:nth-child(odd){border-right:none}.overview__fact:nth-last-child(-n+2){border-bottom:1px solid var(--color-border)}.overview__fact:last-child{border-bottom:none}}.preview-tab{flex-direction:column;gap:24px;display:flex}.preview-tab__scroll-thumb{border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:600px;overflow:hidden auto}.preview-tab__scroll-img{width:100%;display:block}.preview-tab__iframe-section{flex-direction:column;gap:12px;display:flex}.preview-tab__device-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);align-self:center;align-items:center;gap:4px;padding:3px;display:flex}.preview-tab__device-btn{border-radius:var(--radius-xs);min-height:32px;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.82rem;font-weight:500;display:inline-flex}.preview-tab__device-btn:hover{background:var(--color-surface-soft);color:var(--color-text)}.preview-tab__device-btn--active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.preview-tab__iframe-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);transition:width var(--duration-base) ease;background:#fff;margin:0 auto;overflow:hidden}.preview-tab__iframe-wrap--pc{aspect-ratio:16/10;width:100%}.preview-tab__iframe-wrap--sp{aspect-ratio:9/16;width:390px;max-width:100%}.preview-tab__iframe{border:none;width:100%;height:100%;display:block}.preview-tab__notice{color:var(--color-text-muted);background:var(--color-accent-soft);border:1px solid var(--color-accent);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;margin:0;padding:14px 18px;font-size:.82rem;line-height:1.65;display:flex}.preview-tab__notice:before{content:"※";color:var(--color-accent);flex-shrink:0;font-weight:700}.preview-tab__site-link{color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-sm);transition:background var(--duration-base) ease, color var(--duration-base) ease;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:10px 24px;font-size:.88rem;font-weight:600;display:inline-flex}.preview-tab__site-link:hover{background:var(--color-accent);color:#fff}.preview-tab__no-url{text-align:center;color:var(--color-text-muted);border:2px dashed var(--color-border-mid);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.tech-tab{flex-direction:column;gap:28px;display:flex}.tech-tab__section{flex-direction:column;gap:12px;display:flex}.tech-tab__section h3{font-family:var(--font-heading);color:var(--color-text);align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex}.tech-tab__stack{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.tech-tab__stack .chip--tech{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-family:var(--font-mono);color:var(--color-text);transition:border-color var(--duration-fast) ease;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;display:flex}.tech-tab__stack .chip--tech:hover{border-color:var(--color-accent)}.tech-tab__features{color:var(--color-text-muted);flex-direction:column;gap:8px;font-size:.88rem;line-height:1.6;display:flex}.tech-tab__flags{flex-wrap:wrap;gap:8px;display:flex}.tech-tab__flag{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-strong);color:var(--color-text-muted);align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;display:inline-flex}.tech-tab__tags{flex-wrap:wrap;gap:6px;display:flex}.pill{border:1px solid var(--color-border-mid);border-radius:var(--radius-full);min-height:24px;color:var(--color-text-muted);background:var(--color-surface-strong);white-space:nowrap;align-items:center;padding:2px 10px;font-size:.76rem;font-weight:500;display:inline-flex}.pill--accent{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.pill--success{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success)}.chip{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--color-surface-strong);align-items:center;padding:4px 10px;font-size:.82rem;display:inline-flex}.chip--tech{font-family:var(--font-mono);font-size:.78rem}.primary-button{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-accent), var(--color-accent-hover));color:#fff;letter-spacing:.01em;cursor:pointer;min-height:44px;transition:transform var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border:none;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #c4a2654d}html[data-theme=dark] .primary-button{box-shadow:0 4px 16px #d3b98f40}.primary-button:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 25%,#fff3 50%,#0000 75%);transition:transform .5s;position:absolute;inset:0;transform:translate(-120%)skew(-18deg)}.primary-button:hover{transform:translateY(-1px)scale(1.02);box-shadow:0 8px 24px #c4a26566}.primary-button:hover:after{transform:translate(120%)skew(-18deg)}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.ghost-button{border:1px solid var(--color-border-mid);border-radius:var(--radius-full);min-height:44px;color:var(--color-text);cursor:pointer;transition:border-color var(--duration-fast) ease, background-color var(--duration-fast) ease, transform var(--duration-fast) ease;background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.ghost-button:hover{border-color:var(--color-accent);background:var(--color-accent-soft);transform:translateY(-1px)}.ghost-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.empty-state__title{font-family:var(--font-heading);color:var(--color-text);font-size:1.2rem;font-weight:600}.empty-state__desc{color:var(--color-text-muted);max-width:40ch;font-size:.92rem}.empty-state__btn{margin-top:8px}.app-shell--has-compare-bar{padding-bottom:80px}.compare-bar{z-index:100;border-top:1px solid var(--color-border-strong);background:var(--header-bg);-webkit-backdrop-filter:blur(16px);transition:var(--theme-transition);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 24px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000001a}html[data-theme=dark] .compare-bar{box-shadow:0 -4px 24px #0000004d}.compare-bar__summary{white-space:nowrap;gap:2px;display:grid}.compare-bar__count{color:var(--color-text);font-size:.92rem;font-weight:600}.compare-bar__note{color:var(--color-text-muted);font-size:.78rem}.compare-bar__slots{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.compare-slot{border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent-soft);max-width:220px;min-height:32px;color:var(--color-text);align-items:center;gap:8px;padding:4px 4px 4px 10px;font-size:.82rem;display:inline-flex}.compare-slot__title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.compare-slot__remove{border:1px solid var(--color-border-mid);background:var(--color-surface);min-width:24px;min-height:24px;color:var(--color-text-muted);cursor:pointer;transition:border-color var(--duration-fast) ease, background-color var(--duration-fast) ease, color var(--duration-fast) ease;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.72rem;line-height:1;display:inline-flex}.compare-slot__remove:hover{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}.compare-bar__actions{flex-shrink:0;gap:8px;display:flex}@media (width<=768px){.app-shell--has-compare-bar{padding-bottom:130px}.compare-bar{grid-template-columns:1fr;gap:10px;padding:10px 16px}.compare-bar__slots{gap:6px}.compare-slot{flex:auto;max-width:none}.compare-bar__actions{justify-content:stretch}.compare-bar__actions>*{flex:1}}@media (width<=480px){.compare-bar__slots{display:none}}.compare-panel-overlay{z-index:200;background:var(--overlay-backdrop);cursor:pointer;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.compare-panel{border:1px solid var(--color-border-mid);border-radius:var(--radius-lg);background:var(--color-surface);width:min(1100px,100%);max-height:90vh;box-shadow:var(--shadow-overlay);cursor:default;transition:var(--theme-transition);gap:20px;padding:28px;display:grid;overflow-y:auto}.compare-panel__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.compare-panel__header h2{font-family:var(--font-heading);letter-spacing:-.02em;margin-top:8px;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:700;line-height:1.1}.compare-panel__close{flex-shrink:0}.compare-panel__body{-webkit-overflow-scrolling:touch;overflow-x:auto}.compare-table{grid-template-columns:minmax(120px, 160px) repeat(var(--compare-columns,2), minmax(200px, 1fr));gap:0;min-width:0;display:grid}.compare-table__row{display:contents}.compare-table__cell{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:12px 14px;font-size:.88rem;line-height:1.55}.compare-table__cell--label{z-index:1;color:var(--color-text-muted);letter-spacing:.02em;background:var(--color-surface);font-size:.78rem;font-weight:600;position:sticky;left:0}.compare-table__cell--work{color:var(--color-text)}.compare-table__row:nth-child(2n) .compare-table__cell,.compare-table__row:nth-child(2n) .compare-table__cell--label{background-color:var(--color-surface-strong)}.compare-table__row--header .compare-table__cell{border-bottom:1px solid var(--color-border-strong)}.compare-table__row--header .compare-table__cell--work{align-content:start;gap:8px;display:grid}.compare-table__thumbnail{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%}.compare-table__title{font-family:var(--font-heading);font-size:.96rem;font-weight:600;line-height:1.2}.compare-table__kicker{color:var(--color-text-muted);font-size:.78rem}.compare-table__remove{border:1px solid var(--color-border-mid);background:var(--color-surface-strong);min-height:28px;color:var(--color-text-muted);cursor:pointer;transition:border-color var(--duration-fast) ease, background-color var(--duration-fast) ease, color var(--duration-fast) ease;border-radius:8px;justify-content:center;justify-self:start;align-items:center;padding:0 10px;font-size:.78rem;display:inline-flex}.compare-table__remove:hover{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}.compare-table__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.compare-table__case-study-link{border:1px solid var(--color-success);background:var(--color-success-soft);min-height:28px;color:var(--color-success);transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;border-radius:8px;align-items:center;padding:0 10px;font-size:.78rem;text-decoration:none;display:inline-flex}.compare-table__case-study-link:hover{background:var(--color-success);color:#fff}@media (width<=768px){.compare-panel-overlay{padding:12px}.compare-panel{max-height:95vh;padding:20px}.compare-table{grid-template-columns:minmax(100px, 130px) repeat(var(--compare-columns,2), minmax(160px, 1fr))}}@media (width<=480px){.compare-panel-overlay{padding:0}.compare-panel{border:none;border-radius:0;max-height:100vh;padding:16px}.compare-table{grid-template-columns:minmax(80px, 110px) repeat(var(--compare-columns,2), minmax(130px, 1fr))}.compare-table__cell{padding:10px;font-size:.82rem}}.detail-modal-overlay{z-index:210;background:var(--overlay-backdrop);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;cursor:pointer;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.detail-modal{border:1px solid var(--color-border-mid);border-radius:var(--radius-lg);background:var(--color-surface);width:min(780px,100%);max-height:90vh;box-shadow:var(--shadow-overlay);overscroll-behavior:contain;cursor:default;transition:var(--theme-transition);gap:0;padding:0;display:grid;overflow-y:auto}.detail-modal__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 16px;display:flex}.detail-modal__header h2{font-family:var(--font-heading);letter-spacing:-.02em;margin-top:8px;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.1}.detail-modal__kicker{color:var(--color-text-muted);margin-top:4px;font-size:.86rem}.detail-modal__close{flex-shrink:0;width:auto}.detail-modal__body{gap:0;padding:0;display:grid}.detail-modal__hero{border-bottom:1px solid var(--color-border);grid-template-columns:260px 1fr;gap:20px;padding:24px 28px;display:grid}.detail-modal__thumbnail{aspect-ratio:16/10;border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--color-border);width:100%}.detail-modal__hero-content{align-content:start;gap:12px;display:grid}.detail-modal__pills{flex-wrap:wrap;gap:6px;display:flex}.detail-modal__summary{color:var(--color-text-muted);word-break:break-word;font-size:.92rem;line-height:1.7}.detail-modal__challenge{border-top:1px solid var(--color-border);color:var(--color-text-muted);word-break:break-word;padding-top:8px;font-size:.86rem;line-height:1.7}.detail-modal__challenge-label{color:var(--color-text);margin-bottom:4px;font-size:.82rem;font-weight:600}.detail-modal__section{border-bottom:1px solid var(--color-border);gap:12px;padding:20px 28px;display:grid}.detail-modal__section:last-child{border-bottom:none}.detail-modal__section-title{font-family:var(--font-heading);color:var(--color-text);font-size:1.05rem;font-weight:600;line-height:1.15}.detail-modal__facts{grid-template-columns:repeat(2,1fr);gap:0;display:grid}.detail-modal__facts--inline{grid-template-columns:repeat(3,1fr)}.detail-modal__fact{border-bottom:1px solid var(--color-border);gap:2px;padding:10px 0;display:grid}.detail-modal__fact--wide{border-left:none;grid-column:1/-1;padding-right:0}.detail-modal__facts>.detail-modal__fact:nth-last-child(-n+2),.detail-modal__facts--inline>.detail-modal__fact:nth-last-child(-n+3){border-bottom:none}.detail-modal__fact:nth-child(odd){padding-right:14px}.detail-modal__fact:nth-child(2n){border-left:1px solid var(--color-border);padding-left:14px}.detail-modal__facts--inline .detail-modal__fact:nth-child(odd),.detail-modal__facts--inline .detail-modal__fact:nth-child(2n){border-left:none;padding-left:0;padding-right:14px}.detail-modal__facts--inline .detail-modal__fact:nth-child(3n+2),.detail-modal__facts--inline .detail-modal__fact:nth-child(3n){border-left:1px solid var(--color-border);padding-left:14px}.detail-modal__fact-label{color:var(--color-text-muted);font-size:.78rem;font-weight:600}.detail-modal__fact-value{color:var(--color-text);font-size:.9rem;font-weight:600}.detail-modal__chip-group{gap:6px;display:grid}.detail-modal__chip-group+.detail-modal__chip-group{margin-top:4px}.detail-modal__chip-group-label{color:var(--color-text-muted);font-size:.78rem;font-weight:600}.detail-modal__chips{flex-wrap:wrap;gap:6px;display:flex}.detail-modal__chip{border:1px solid var(--color-border-mid);border-radius:var(--radius-sm);background:var(--color-surface-strong);color:var(--color-text-warm);padding:4px 10px;font-size:.82rem}.detail-modal__chip--more{color:var(--color-text-faint);border-style:dashed;font-style:italic}.detail-modal__footer{border-top:1px solid var(--color-border);padding:16px 28px 20px}.detail-modal__actions{flex-wrap:wrap;gap:12px;display:flex}.detail-modal__actions>*{min-width:120px}.detail-modal__case-study{text-align:center;width:100%;min-height:44px;font-weight:600;text-decoration:none}@media (width<=768px){.detail-modal-overlay{padding:12px}.detail-modal{max-height:95vh}.detail-modal__hero{grid-template-columns:1fr;gap:16px;padding:20px}.detail-modal__thumbnail{max-width:320px}.detail-modal__header{padding:20px}.detail-modal__section{padding:16px 20px}.detail-modal__footer{padding:12px 20px 16px}}@media (width<=480px){.detail-modal-overlay{padding:0}.detail-modal{border:none;border-radius:0;min-height:100vh;max-height:100vh}.detail-modal__header,.detail-modal__hero{padding:16px}.detail-modal__thumbnail{max-width:none}.detail-modal__section{padding:14px 16px}.detail-modal__facts,.detail-modal__facts--inline{grid-template-columns:1fr}.detail-modal__fact:nth-child(odd),.detail-modal__fact:nth-child(2n){border-left:none;padding-left:0;padding-right:0}.detail-modal__facts--inline .detail-modal__fact:nth-child(3n+2),.detail-modal__facts--inline .detail-modal__fact:nth-child(3n){border-left:none;padding-left:0}.detail-modal__footer{padding:12px 16px 16px}}.contact-form-modal{width:min(560px,100%)}.contact-form{gap:20px;display:grid}.contact-form__field{gap:6px;font-size:.88rem;display:grid}.contact-form__field span{color:var(--color-text-muted);font-size:.82rem;font-weight:600}.contact-form__field input,.contact-form__field select,.contact-form__field textarea{border:1px solid var(--color-border-mid);border-radius:var(--radius-sm);background:var(--color-surface-strong);width:100%;color:var(--color-text);transition:border-color var(--duration-fast) ease;padding:10px 14px;font-family:inherit;font-size:.92rem}.contact-form__field input:focus,.contact-form__field select:focus,.contact-form__field textarea:focus{border-color:var(--color-accent);outline:none}.contact-form__field textarea{resize:vertical;min-height:100px}.contact-form__field select{cursor:pointer}.contact-form__notice{color:var(--color-text-faint);margin:0;font-size:.78rem}.contact-form__confirm-lead{margin-bottom:8px;font-size:.92rem;font-weight:600}.contact-form__confirm-actions{gap:12px;margin-top:16px;display:flex}.contact-form__message-preview{white-space:pre-wrap;word-break:break-word}.contact-form__status{border-radius:var(--radius-md);padding:16px;font-size:.92rem;line-height:1.6}.contact-form__status--success{background:var(--color-success-soft);border:1px solid var(--color-success);color:var(--color-success)}.contact-form__status--error{background:var(--color-danger-soft);border:1px solid var(--color-danger);color:var(--color-danger)}@media (width<=768px){.contact-form__confirm-actions{flex-direction:column}}.site-footer{color:var(--color-text-faint);border-top:1px solid var(--color-border);background:var(--color-bg);transition:var(--theme-transition);padding:40px 0 24px;font-size:.82rem;line-height:1.55}.site-footer__inner{gap:24px;padding:0 32px;display:grid}.site-footer__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.site-footer__brand{flex-shrink:0}.site-footer__logo-link{text-decoration:none;display:block}.site-footer__logo-img{opacity:.6;width:120px;height:auto;transition:opacity var(--duration-fast) ease;display:block}.site-footer__logo-link:hover .site-footer__logo-img{opacity:1}.site-footer__nav{gap:20px;display:flex}.site-footer__nav a{color:var(--color-text-muted);transition:color var(--duration-fast) ease;font-size:.82rem;text-decoration:none}.site-footer__nav a:hover{color:var(--color-text)}.site-footer__social{align-items:center;gap:12px;display:flex}.site-footer__social-label{color:var(--color-text-faint);margin:0;font-size:.78rem}.site-footer__social-links{gap:8px;display:flex}.site-footer__social-links a{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);transition:border-color var(--duration-fast) ease, color var(--duration-fast) ease;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.site-footer__social-links a:hover{border-color:var(--color-accent);color:var(--color-accent)}.site-footer__bottom{text-align:center;border-top:1px solid var(--color-border);padding-top:16px}.site-footer__copy{color:var(--color-text-muted);margin:0;font-size:.78rem}@media (width<=768px){.site-footer__top{flex-direction:column;align-items:flex-start}.site-header__inner{height:48px;padding:0 16px}.list-layout{padding:0 16px}.site-header__cta{min-height:30px;padding:0 12px;font-size:.75rem}}@media (width<=767px){.toolbar{gap:8px;padding:10px 16px}.toolbar__search{flex-basis:100%;order:-1;max-width:100%}.toolbar__count{margin-left:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.grid-card,.list-card,.thumb-card{will-change:auto}}@media print{.site-header,.site-footer,.sidebar-desktop,.sidebar-drawer,.sidebar-overlay,.toolbar,.compare-bar,.theme-toggle,.detail-nav{display:none!important}.app-shell{min-height:auto}body{color:#000;background:#fff}.detail-page{max-width:100%;padding:0}}.grid-card,.list-card,.thumb-card{will-change:transform;backface-visibility:hidden}.skeleton{background:linear-gradient(90deg, var(--color-surface-strong) 25%, var(--color-surface-soft) 50%, var(--color-surface-strong) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}