:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-surface:#fffbf4;--color-surface-container:#f2eee6;--color-surface-container-high:#e9e5dd;--color-on-surface:#1b1b20;--color-on-surface-variant:#46464f;--color-outline:#777680;--color-outline-variant:#c8c5cf;--color-primary:#2847d7;--color-on-primary:#fff;--color-primary-container:#dfe3ff;--color-on-primary-container:#001453;--color-secondary:#565e7c;--color-on-secondary:#fff;--color-secondary-container:#dce2ff;--color-on-secondary-container:#131b36;--color-tertiary:#a44000;--color-on-tertiary:#fff;--color-tertiary-container:#ffdbca;--color-on-tertiary-container:#351000;--color-error:#ba1a1a;--color-on-error:#fff;--color-error-container:#ffdad6;--color-on-error-container:#410002;--text-secondary:var(--color-on-surface-variant);--shape-small:12px;--shape-medium:20px;--shape-large:28px;--shape-full:999px;--touch-target:48px;--type-display:clamp(2rem, 7vw, 4rem);--type-headline:clamp(1.5rem, 4vw, 2.25rem);--type-title:1.125rem;--type-body:1rem;--type-label:.875rem;--font-body:"Noto Sans JP", system-ui, sans-serif;--font-brand:"Plus Jakarta Sans", "Noto Sans JP", system-ui, sans-serif;--shadow-card:0 1px 2px #1b1b2014, 0 8px 24px #1b1b2012;--shadow-dialog:0 16px 48px #1b1b2038}*,:before,:after{box-sizing:border-box}html{background:var(--color-surface);min-width:320px}body{background:var(--color-surface);min-height:100vh;color:var(--color-on-surface);font-family:var(--font-body);font-size:var(--type-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.65}button,input,select{min-block-size:var(--touch-target);font:inherit}button,select{cursor:pointer}button{border:0}button:disabled{cursor:wait;opacity:.55}button,a,input,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--color-tertiary);outline-offset:3px}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{line-height:1.2}.hidden{display:none!important}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}#app{min-height:100vh}.app-header{z-index:20;border-bottom:1px solid var(--color-outline-variant);background:var(--color-surface);position:sticky;top:0}.header-container,.main-container{width:min(100% - 32px,1240px);margin-inline:auto}.header-container{justify-content:space-between;align-items:center;gap:16px;min-height:80px;padding-block:12px;display:flex}.logo-area,.logo-line{min-width:0}.logo-line{align-items:center;gap:8px;display:flex}.logo-title{font-family:var(--font-brand);letter-spacing:-.05em;margin:0;font-size:1.35rem;font-weight:800}.logo-badge,.badge,.active-tag,.shop-badge,.item-pr-label{border-radius:var(--shape-full);font-family:var(--font-brand);letter-spacing:.02em;font-size:.72rem;font-weight:700}.logo-badge{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container);padding:3px 8px}.logo-subtitle{color:var(--color-on-surface-variant);margin:2px 0 0;font-size:.75rem}.header-actions,.results-actions,.filter-actions,.modal-actions{align-items:center;gap:8px;display:flex}.btn-icon-label,.btn-icon,.btn-secondary,.btn-save-alert,.btn-text,.btn-close-modal,.quick-tag{border:1px solid var(--color-outline-variant);color:var(--color-on-surface);font-size:var(--type-label);background:0 0;font-weight:700;transition:background-color .15s,border-color .15s,color .15s}.btn-icon-label,.btn-icon,.btn-secondary,.btn-save-alert,.btn-text,.btn-close-modal{border-radius:var(--shape-full);padding-inline:16px}.btn-icon-label:hover,.btn-icon:hover,.btn-secondary:hover,.btn-save-alert:hover,.btn-text:hover,.btn-close-modal:hover,.quick-tag:hover{border-color:var(--color-primary);background:var(--color-primary-container);color:var(--color-on-primary-container)}.badge{background:var(--color-primary);min-width:24px;color:var(--color-on-primary);text-align:center;padding:2px 7px}.main-container{padding-block:40px 72px}.search-section{border-radius:var(--shape-large);background:var(--color-primary-container);color:var(--color-on-primary-container);padding:clamp(24px,6vw,64px)}.hero-copy{max-width:1100px;margin-block-end:28px}.eyebrow{color:var(--color-primary);font-family:var(--font-brand);font-size:var(--type-label);letter-spacing:.06em;text-transform:uppercase;margin-block-end:8px;font-weight:800}.hero-copy h2{font-family:var(--font-brand);font-size:var(--type-display);letter-spacing:-.055em;text-wrap:balance;margin-block-end:12px;font-weight:800}.hero-copy>p:last-child{color:var(--color-on-surface-variant);margin-block-end:0}.search-box-wrapper{max-width:920px}.search-input-group{border-radius:var(--shape-large);background:var(--color-surface);min-height:68px;box-shadow:var(--shadow-card);border:2px solid #0000;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:8px;transition:border-color .15s,box-shadow .15s;display:grid}.search-input-group:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px #2847d726}.search-input-group input{width:100%;color:var(--color-on-surface);background:0 0;border:0;outline:0;padding-inline:16px;font-size:1.05rem}.search-input-group input::placeholder{color:var(--color-on-surface-variant);opacity:1}.btn-search,.btn-action,.btn-buy-link{min-height:var(--touch-target);border-radius:var(--shape-small);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--type-label);justify-content:center;align-items:center;font-weight:800;text-decoration:none;transition:background-color .15s,box-shadow .15s,translate .15s;display:inline-flex}.btn-search,.btn-action{padding-inline:22px}.btn-search:hover,.btn-action:hover,.btn-buy-link:hover{background:#1836c4;translate:0 -1px;box-shadow:0 4px 12px #2847d73d}.btn-search:active,.btn-action:active,.btn-buy-link:active{box-shadow:none;translate:0}.btn-clear{border-radius:var(--shape-full);color:var(--color-on-surface-variant);font-size:var(--type-label);background:0 0;padding-inline:14px;font-weight:700}.btn-clear:hover{background:var(--color-surface-container)}.quick-tags-scroll{scrollbar-width:thin;align-items:center;gap:8px;margin-block-start:16px;padding-block-end:2px;display:flex;overflow-x:auto}.quick-tag-label{color:var(--color-on-surface-variant);font-size:var(--type-label);flex:none;font-weight:700}.quick-tag{min-height:var(--touch-target);border-radius:var(--shape-full);background:var(--color-surface);font-family:var(--font-brand);border-color:#0000;flex:none;padding-inline:16px}.connection-notice{border-radius:var(--shape-medium);background:var(--color-secondary-container);color:var(--color-on-secondary-container);justify-content:space-between;align-items:center;gap:20px;margin-block:16px 28px;padding:16px 20px;display:flex}.connection-notice p{color:var(--color-on-surface-variant);font-size:var(--type-body);margin:3px 0 0}.content-layout{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.filter-pane{width:100%;max-width:none;max-height:min(84vh,720px);padding:24px 20px max(24px, env(safe-area-inset-bottom));border-radius:var(--shape-large) var(--shape-large) 0 0;background:var(--color-surface);color:var(--color-on-surface);box-shadow:var(--shadow-dialog);transition:display .26s allow-discrete, overlay .26s allow-discrete, translate .26s cubic-bezier(.2, 0, 0, 1);border:0;margin:0;inset:auto 0 0;overflow-y:auto;translate:0 100%}.filter-pane:popover-open{translate:0}@starting-style{.filter-pane:popover-open{translate:0 100%}}.filter-pane::backdrop{background:#1b1b2057}.pane-header,.modal-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.pane-header{margin-block-end:20px}.pane-header h2,.modal-header h2{font-family:var(--font-brand);font-size:var(--type-headline);letter-spacing:-.035em;margin:0}.filter-fields,.measurement-fieldset{border:0;min-width:0;margin:0;padding:0}.filter-fields,.form-grid,.measurement-grid{gap:16px;display:grid}.filter-fields label,.form-grid label,.measurement-grid label,.auth-panel label{color:var(--color-on-surface-variant);font-size:var(--type-label);gap:7px;font-weight:700;display:grid}.price-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}input,select{border:1px solid var(--color-outline);border-radius:var(--shape-small);background:var(--color-surface);width:100%;color:var(--color-on-surface);padding-inline:14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2847d721}input:focus-visible,select:focus-visible{outline:3px solid var(--color-tertiary);outline-offset:3px}.field-hint,.modal-desc,.source-status,.form-status{color:var(--color-on-surface-variant);font-size:var(--type-body);line-height:1.6}.field-hint{margin-block:14px 0}.filter-actions{margin-block-start:20px}.filter-actions>*{flex:1}.results-pane{min-width:0}.results-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-block-end:20px;display:flex}.results-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.results-count{font-family:var(--font-brand);font-size:var(--type-title);font-weight:800}.active-tag{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container);padding:6px 12px}.results-actions{flex-wrap:wrap}.sort-group{min-width:min(100%,228px)}.custom-select{font-size:var(--type-label);font-weight:600}.source-status,.affiliate-notice,.search-error{border-radius:var(--shape-small);margin-block:0 16px;padding:14px 16px}.source-status{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.affiliate-notice{color:var(--text-secondary);background:var(--color-surface-container);font-size:var(--type-body)}.search-error{background:var(--color-error-container);color:var(--color-on-error-container);justify-content:space-between;align-items:center;gap:12px;display:flex}.items-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px;display:grid}.item-card{border:1px solid var(--color-outline-variant);border-radius:var(--shape-medium);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-card);transition:border-color .15s,box-shadow .15s,translate .15s;overflow:hidden}.item-card:hover{border-color:var(--color-primary);translate:0 -2px;box-shadow:0 12px 28px #1b1b201f}.item-thumbnail-wrap{aspect-ratio:4/5;background:var(--color-surface-container-high);position:relative;overflow:hidden}.item-thumbnail{object-fit:cover;width:100%;height:100%;transition:scale .18s;display:block}.item-card:hover .item-thumbnail{scale:1.025}.image-unavailable:after{content:"画像なし";color:var(--color-on-surface-variant);font-size:var(--type-label);place-items:center;display:grid;position:absolute;inset:0}.shop-badge{background:var(--color-surface);color:var(--color-on-surface);padding:6px 10px;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #1b1b2029}.shop-badge.mercari{color:#b3261e}.shop-badge.jumblestore{color:#9c4230}.shop-badge.ragtag{color:#714c00}.shop-badge.kind-u{color:#3342a0}.item-body{flex-direction:column;min-height:300px;padding:18px;display:flex}.item-source{color:var(--color-on-surface-variant);font-size:.72rem;font-weight:600}.item-brand{font-family:var(--font-brand);font-size:var(--type-title);letter-spacing:-.02em;margin-block-start:10px;font-weight:800}.item-title{color:var(--color-on-surface);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-block:8px 0;font-size:.92rem;font-weight:600;display:-webkit-box;overflow:hidden}.item-size,.item-condition{color:var(--color-on-surface-variant);margin-block:6px 0;font-size:.8rem}.item-price-row{margin-block-start:auto;padding-block-start:16px}.item-price{font-family:var(--font-brand);font-size:1.25rem;font-weight:800}.item-actions{margin-block-start:14px}.btn-buy-link{width:100%;padding-inline:18px}.item-pr-label{background:var(--color-on-primary);color:var(--color-primary);margin-inline-end:8px;padding:2px 7px}.empty-state{border-radius:var(--shape-medium);background:var(--color-surface-container);color:var(--color-on-surface-variant);text-align:center;grid-column:1/-1;padding:56px 24px}.empty-state p:first-child{color:var(--color-on-surface);margin-block-end:6px;font-weight:700}.empty-state p:last-child{margin-block-end:0}.load-more{justify-content:center;align-items:center;width:min(100%,280px);margin:28px auto 0;display:flex}.app-info-footer{border-top:1px solid var(--color-outline-variant);gap:12px;margin-block-start:48px;padding-block-start:28px;display:grid}.info-card{border-radius:var(--shape-medium);background:var(--color-surface-container);padding:20px}.info-card h3{font-family:var(--font-brand);font-size:var(--type-title);margin-block-end:6px}.info-card p{color:var(--color-on-surface-variant);font-size:var(--type-label);margin-block-end:0}.modal-overlay{border-radius:var(--shape-medium);background:var(--color-surface);width:min(100% - 32px,620px);max-height:min(88vh,820px);color:var(--color-on-surface);box-shadow:var(--shadow-dialog);border:0;margin:auto;padding:0;overflow:hidden}.modal-overlay::backdrop{background:#1b1b206b}.modal-card{max-height:inherit;overflow-y:auto}.modal-header{z-index:1;border-bottom:1px solid var(--color-outline-variant);background:var(--color-surface);padding:22px 24px 16px;position:sticky;top:0}.modal-body{padding:20px 24px 24px}.modal-desc{margin-block-end:20px}.alerts-list,.fit-profiles-list{gap:10px;display:grid}.alert-item{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.saved-search{min-height:var(--touch-target);border-radius:var(--shape-small);background:var(--color-surface-container);color:var(--color-on-surface);text-align:left;gap:2px;padding:12px 14px;display:grid}.alert-query{font-weight:700}.alert-shop{color:var(--color-on-surface-variant);font-size:.75rem}.btn-delete-alert{min-width:var(--touch-target);border-radius:var(--shape-small);background:var(--color-error-container);color:var(--color-on-error-container)}.fit-profile-card,.fit-detail-card{width:100%}.form-grid,.measurement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.measurement-fieldset{border:1px solid var(--color-outline-variant);border-radius:var(--shape-medium);margin-block-start:24px;padding:20px}.measurement-fieldset legend{font-family:var(--font-brand);font-size:var(--type-title);padding-inline:8px;font-weight:800}.measurement-fieldset .field-hint{margin-block:0 16px}.form-status{min-height:1.5em;margin-block:16px 0}.modal-actions{justify-content:flex-end;margin-block-start:20px}.auth-panel{gap:12px;display:grid}.auth-panel p{margin-block-end:0}.toast{z-index:100;border-radius:var(--shape-small);background:var(--color-on-surface);max-width:min(100% - 40px,440px);color:var(--color-surface);box-shadow:var(--shadow-dialog);font-size:var(--type-label);padding:14px 18px;font-weight:700;position:fixed;bottom:20px;right:20px}@media (width<=639px){.header-container{flex-direction:column;align-items:flex-start}.header-actions{width:100%;overflow-x:auto}.header-actions>button{flex:none}.main-container{padding-block-start:20px}.search-section{padding:24px 18px}.hero-copy h2{font-size:2rem}.search-input-group{grid-template-columns:minmax(0,1fr) auto}.search-input-group input{grid-column:1/-1}.btn-search{min-width:132px}.connection-notice,.results-header{flex-direction:column;align-items:stretch}.results-actions,.results-actions>*,.sort-group{width:100%}.results-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sort-group,.btn-save-alert{grid-column:1/-1}.items-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item-body{min-height:286px;padding:14px}.item-brand{font-size:.95rem}.item-price{font-size:1.05rem}.form-grid,.measurement-grid{grid-template-columns:minmax(0,1fr)}.modal-overlay{border-radius:var(--shape-large);width:calc(100% - 16px);max-height:calc(100vh - 16px)}.modal-header,.modal-body{padding-inline:18px}}@media (width>=840px){.content-layout{grid-template-columns:252px minmax(0,1fr);align-items:start}.filter-pane[popover]{border:1px solid var(--color-outline-variant);border-radius:var(--shape-medium);width:auto;max-height:calc(100vh - 128px);box-shadow:none;padding:20px;display:block;position:sticky;top:104px;overflow-y:auto;translate:none}.close-filters,.mobile-filters{display:none}.filter-pane .pane-header h2{font-size:var(--type-title)}.price-fields{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}