:root{font-family:var(--font-sans);color:#111;font-synthesis:none;text-rendering:optimizelegibility;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif;--font-display:var(--font-sans);--color-bg:#fafafa;--color-surface:#fff;--color-text:#111;--color-ink:#111;--color-muted:#737373;--color-muted-strong:#525252;--color-accent:#111;--color-accent-dark:#000;--color-accent-soft:#f0f0f0;--color-border:#eaeaea;--radius-card:6px;--cover-native-w:147px;--cover-native-h:200px;--space-page:clamp(16px, 3.5vw, 40px);--tap-min:44px;--top-bar-h:56px;--bottom-nav-h:0px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--chrome-bottom:calc(var(--bottom-nav-h) + var(--safe-bottom));--app-height:100dvh;background:#fafafa}*{box-sizing:border-box}html{scroll-behavior:smooth;height:100%}html,body,#root{max-width:100%;overflow:hidden}body{min-width:320px;height:var(--app-height);background:var(--color-bg);color:var(--color-text);margin:0}button,textarea,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #111}button{color:inherit}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{height:var(--app-height);padding-top:var(--safe-top);padding-right:var(--safe-right);padding-left:var(--safe-left);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.app-shell--browse-detail{grid-template-rows:auto minmax(0,1fr) auto}.top-bar{height:var(--top-bar-h);min-height:var(--top-bar-h);padding:0 var(--space-page);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#fffffff5;align-items:center;gap:24px;display:flex}.brand,.age-brand{font-family:var(--font-display);letter-spacing:.08em;flex:none;font-size:15px;font-weight:600}.brand{min-height:var(--tap-min);cursor:pointer;background:0 0;border:0;align-items:center;margin:0;padding:0;display:inline-flex}.brand span,.age-brand span{color:var(--color-muted);font-weight:400}.top-bar-search{flex:auto;justify-content:center;align-items:center;min-width:0;display:flex}.top-bar-actions{flex:none;align-items:center;gap:2px;margin-left:auto;display:flex}.icon-button{width:40px;height:40px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;display:grid;position:relative}.icon-button:active{background:#1111110d;transform:none}.icon-button.active{color:var(--color-text)}.icon-badge{background:var(--color-text);color:#fff;text-align:center;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:600;line-height:16px;position:absolute;top:4px;right:2px}.mobile-search-button{display:none}.catalog-search--header{box-sizing:border-box;cursor:text;background:#fff;border:1px solid #e5e5e5;border-radius:9999px;align-items:center;gap:12px;width:min(100%,720px);height:52px;margin:0;padding:0 18px;display:flex}.catalog-search--header:focus-within{border-color:#ccc}.catalog-search-icon{width:22px;height:22px;color:var(--color-muted);flex-shrink:0;display:block}.catalog-search-input{min-width:0;color:var(--color-text);appearance:none;background:0 0;border:0;outline:0;flex:1;margin:0;padding:0;font-size:15px;line-height:1.5}.catalog-search-input::-webkit-search-decoration{display:none}.catalog-search-input::-webkit-search-cancel-button{display:none}.catalog-search-input::placeholder{color:#a3a3a3}.catalog-search-input:focus,.catalog-search--header .catalog-search-input:focus-visible{outline:none}.search-action-button{width:28px;height:28px;color:var(--color-muted-strong);cursor:pointer;background:#1111110f;border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;font-size:18px;line-height:1;display:grid}.mobile-search-layer,.desktop-nav{display:none}.desktop-nav button{min-height:var(--tap-min);color:var(--color-muted);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:13px;position:relative}.desktop-nav button.active{color:var(--color-text);font-weight:600}.desktop-nav button.active:after{content:"";background:var(--color-accent);height:2px;position:absolute;bottom:0;left:0;right:0}.profile-button{border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-muted-strong);cursor:pointer;background:#f5f5f5;border-radius:50%;flex:none;place-items:center;padding:0;font-size:11px;font-weight:600;display:grid}.profile-button:hover{color:var(--color-text);border-color:#cfcfcf}.profile-button:active{background:#ececec;transform:none}.account-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding-top:var(--safe-top);background:#1c181f47;justify-content:flex-end;display:flex;position:fixed;inset:0}.account-panel{overscroll-behavior:contain;width:min(100%,430px);height:100%;padding:28px clamp(20px, 5vw, 42px) calc(28px + var(--safe-bottom));background:var(--color-surface);animation:.22s ease-out account-in;overflow-y:auto;box-shadow:-24px 0 70px #1d16241f}@keyframes account-in{0%{opacity:.6;transform:translate(30px)}}.account-panel-head{justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px;display:flex}.account-panel-head h2{font:400 clamp(26px, 4vw, 32px) var(--font-display);margin:0}.close-button{width:44px;height:44px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;margin-top:-9px;font-size:25px}.account-intro{color:var(--color-muted);margin:0 0 24px;font-size:12px;line-height:1.9}.google-button{cursor:pointer;background:#fff;border:1px solid #d2ccc5;border-radius:7px;width:100%;min-height:50px;font-weight:600}.google-button:disabled{opacity:.48;cursor:not-allowed}.account-divider{color:#aaa39d;align-items:center;gap:12px;margin:20px 0;font-size:10px;display:flex}.account-divider:before,.account-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.email-field{margin-bottom:12px;display:block}.email-field span{margin-bottom:8px;font-size:11px;font-weight:600;display:block}.email-field input{width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #dcd6e3;border-radius:7px;padding:0 13px;font-size:13px}.account-wide{width:100%}.setup-note,.privacy-note{color:var(--color-muted);font-size:9px;line-height:1.75}.setup-note{margin:13px 0 0}.privacy-note{border-top:1px solid var(--color-border);margin:26px 0 0;padding-top:18px}.account-message{background:var(--color-accent-soft);color:#4d3870;border-radius:7px;margin:14px 0 0;padding:11px 12px;font-size:10px;line-height:1.6}.signed-in-user{border:1px solid var(--color-border);border-radius:10px;align-items:center;gap:13px;margin-bottom:24px;padding:16px;display:flex}.signed-in-user>span{background:var(--color-accent-soft);width:42px;height:42px;color:var(--color-accent);border-radius:50%;place-items:center;font-weight:700;display:grid}.signed-in-user strong,.signed-in-user small{display:block}.signed-in-user strong{font-size:13px}.signed-in-user small{color:var(--color-muted);margin-top:3px;font-size:9px}.import-card{background:#f5f1f9;border-radius:10px;margin-bottom:22px;padding:17px}.import-card strong{font-size:12px}.import-card p{color:var(--color-muted);margin:7px 0 13px;font-size:10px;line-height:1.7}.import-card .primary-button{width:100%;min-height:44px;font-size:11px}.consent-row{cursor:pointer;align-items:start;gap:11px;margin:0 0 24px;padding:4px 0;display:flex}.consent-row input{width:18px;height:18px;accent-color:var(--color-accent);margin:2px 0 0}.consent-row span,.consent-row strong,.consent-row small{display:block}.consent-row strong{font-size:12px}.consent-row small{color:var(--color-muted);margin-top:4px;font-size:9px;line-height:1.6}.main-content{width:100%;max-width:1240px;min-height:0;padding:0 var(--space-page);margin:0 auto;overflow-x:hidden}.browse-screen{flex-direction:column;min-width:0;height:100%;min-height:0;padding-bottom:0;display:flex;position:relative;overflow-x:hidden;container:browse/inline-size}.browse-main{flex-direction:column;flex:auto;min-width:0;height:100%;min-height:0;display:flex}.browse-screen--with-detail{max-width:none}.browse-chrome{border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:5;flex:none;gap:10px;padding:12px 0 10px;display:grid}.browse-tabs{border-bottom:1px solid var(--color-border);background:var(--color-bg);flex:none;padding:10px 0 8px;overflow-x:hidden}.browse-tabs-row{overscroll-behavior-x:contain;scrollbar-width:none;align-items:center;gap:4px;max-width:100%;display:flex;overflow-x:auto}.browse-tabs-row::-webkit-scrollbar{display:none}.browse-tab{color:var(--color-muted-strong);cursor:pointer;min-height:var(--tap-min);background:0 0;border:0;border-radius:999px;flex:none;padding:8px 12px;font-size:13px}.browse-tab.active{color:var(--color-text);background:var(--color-accent-soft);font-weight:600}.browse-filter-button{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:#fff;border-radius:999px;flex:none;margin-left:auto;padding:7px 12px;font-size:12px}.work-filter-bar{gap:8px;padding:8px 0 2px;display:grid}.work-filter-quick-row{gap:8px;display:grid}.work-filter-sort{color:var(--color-muted);align-items:center;gap:8px;font-size:11px;display:flex}.work-filter-sort-value{color:var(--color-text);font-weight:600}.work-filter-quick-scroll{overscroll-behavior-x:contain;scrollbar-width:none;align-items:center;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.work-filter-quick-scroll::-webkit-scrollbar{display:none}.work-filter-quick-chip{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:#fff;border-radius:999px;flex:none;min-height:34px;padding:7px 12px;font-size:12px}.work-filter-quick-chip--primary{background:var(--color-accent-soft);border-color:#c9b8df;font-weight:600}.work-filter-active-row{overscroll-behavior-x:contain;scrollbar-width:none;align-items:center;gap:6px;display:flex;overflow-x:auto}.work-filter-active-row::-webkit-scrollbar{display:none}.work-filter-active-chip{flex:none}.work-filter-reset-inline{flex:none;font-size:11px}.work-filter-count-preview{color:var(--color-muted);margin:0;font-size:11px}.browse-chrome--library{padding:14px 0 10px}.library-title{margin:0;font-size:18px;font-weight:600}.library-copy{color:var(--color-muted);margin:4px 0 0;font-size:12px}.home-sections{gap:32px;padding:8px 0 20px;display:grid}.work-section{gap:12px;display:grid}.work-section-head{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.work-section-head:focus-visible{outline:2px solid var(--color-text);outline-offset:4px;border-radius:6px}.work-section-title{margin:0;font-size:15px;font-weight:600}.work-section-meta{color:var(--color-muted-strong);font-size:12px}.work-section-action{color:var(--color-muted-strong);align-items:center;gap:4px;margin-left:auto;font-size:12px;font-weight:600;display:inline-flex}.work-section-preview{grid-template-columns:repeat(auto-fill, var(--cover-native-w));justify-content:center;gap:16px 14px;width:100%;max-width:100%;display:grid}.genre-panel{gap:16px;padding:4px 0 20px;display:grid}.genre-panel-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.genre-panel-head h2{margin:0;font-size:clamp(18px,3vw,24px);font-weight:600}.genre-panel-copy{color:var(--color-muted-strong);margin:6px 0 0;font-size:12px;line-height:1.6}.genre-choice-grid{margin-top:0}.genre-apply-button{width:100%}.works-grid-head{gap:8px;margin-bottom:12px;display:grid}.works-back-button{justify-self:start;align-items:center;gap:4px;min-height:36px;padding:0;display:inline-flex}.works-load-more{place-items:center;min-height:48px;display:grid}.loading-more{color:var(--color-muted-strong);align-items:center;gap:10px;margin:0;font-size:12px;display:inline-flex}.loading-spinner{border:2px solid var(--color-border);border-top-color:var(--color-text);border-radius:50%;width:18px;height:18px;animation:.72s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.intro{grid-template-columns:minmax(0,1.2fr) minmax(200px,.8fr);align-items:end;gap:12px 24px;max-width:none;padding:0;display:grid}.intro-text{min-width:0}.eyebrow{color:var(--color-accent);letter-spacing:.22em;margin:0 0 6px;font-size:10px;font-weight:700;line-height:1.2}h1,h2,h3,p{text-wrap:pretty}.intro h1,.library-header h1,.detail-info h1,.age-card h1{font-family:var(--font-display);letter-spacing:.015em;font-weight:400}.intro h1{margin:0;font-size:clamp(22px,3.2vw,40px);line-height:1.2}.intro-break{display:inline}.intro-copy{color:var(--color-muted);margin:6px 0 0;font-size:12px;line-height:1.55}.catalog-search:not(.catalog-search--header){width:100%;max-width:none;margin:0;display:block}.catalog-search:not(.catalog-search--header) input{border:1px solid var(--color-border);width:100%;min-height:42px;color:var(--color-text);font:inherit;background:#ffffffd1;border-radius:10px;padding:0 14px}.active-filter{flex-wrap:wrap;grid-column:1/-1;gap:8px;margin:0;display:flex}.condition-summary{border:0;justify-content:space-between;align-items:center;gap:12px;min-height:0;padding:0;display:flex}.condition-summary-main{flex:1;min-width:0}.section-label{color:var(--color-muted);margin-bottom:4px;font-size:10px;display:block}.summary-chips{flex-wrap:wrap;gap:6px;display:flex}.summary-chips span{background:var(--color-accent-soft);color:#4d3870;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;padding:4px 9px;font-size:11px;overflow:hidden}.text-button,.clear-button,.back-button{min-height:var(--tap-min);color:var(--color-accent);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:600}.library-header{justify-content:space-between;align-items:end;gap:16px;padding:0;display:flex}.library-header h1{margin:0;font-size:clamp(22px,3.2vw,36px)}.collection-status{flex-shrink:0;align-items:center;gap:12px;display:flex}.collection-status>div{align-items:baseline;gap:6px;display:flex}.collection-status strong{font:24px var(--font-display);color:var(--color-accent)}.collection-status div span,.collection-status small{color:var(--color-muted);font-size:10px}.collection-badge{background:var(--color-accent-soft);color:#4d3870;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;font-weight:700;display:inline-flex}.works-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.works-title{margin:0;font-size:15px;font-weight:600}.recommendation-note{color:var(--color-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:2px 0 0;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.works-pane{overscroll-behavior-x:none;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:auto;min-width:0;min-height:0;padding:16px 0 20px;overflow:hidden auto}.works-pane::-webkit-scrollbar{display:none}.work-grid{grid-template-columns:repeat(auto-fill, var(--cover-native-w));justify-content:center;gap:16px 14px;width:100%;max-width:100%;display:grid}.work-grid--quiet{gap:18px 16px}.work-card{width:var(--cover-native-w);max-width:100%;position:relative;overflow:visible}.work-card-cover{width:var(--cover-native-w);max-width:100%;position:relative}.work-card--selected .cover{outline:2px solid var(--color-accent);outline-offset:0;box-shadow:0 0 0 3px var(--color-accent-soft)}.work-card--selected .work-title{color:var(--color-accent)}.cover{width:100%;height:var(--cover-native-h);aspect-ratio:147/200;border-radius:var(--radius-card);cursor:pointer;box-shadow:none;touch-action:manipulation;appearance:none;background:#f0f0f0;border:0;padding:0;display:block;position:relative;overflow:hidden}.cover:active{box-shadow:none;transform:none}.cover-image{z-index:0;object-fit:contain;object-position:center center;opacity:1;image-rendering:auto;width:100%;height:100%;display:block;position:absolute;inset:0}.work-card-badge{z-index:2;color:#fff;letter-spacing:.06em;background:#000000b8;border-radius:4px;padding:3px 7px;font-size:9px;font-weight:700;position:absolute;top:8px;left:8px}.work-card--quiet .work-card-body{padding:8px 0 0}.save-button--overlay{z-index:3;color:#737373;cursor:pointer;opacity:0;pointer-events:none;background:#ffffffeb;border:0;border-radius:999px;place-items:center;width:32px;height:32px;margin:0;transition:opacity .14s;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 1px 4px #1111111f}.save-button--overlay:active{transform:none}.save-button--overlay.saved{opacity:1;pointer-events:auto;color:var(--color-text)}@media (hover:hover) and (pointer:fine){.work-card--quiet:hover .save-button--overlay,.work-card--quiet:focus-within .save-button--overlay{opacity:1;pointer-events:auto}.cover{transition:box-shadow .15s}.cover:hover,.work-card--quiet .cover:hover{box-shadow:0 4px 16px #1111110f}}.detail-cover-image{object-fit:contain;object-position:center center;opacity:1;width:100%;height:100%;display:block;position:absolute;inset:0}.cover-skeleton{z-index:1;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%) 0 0/200% 100%;animation:1.4s ease-in-out infinite cover-shimmer;position:absolute;inset:0}@keyframes cover-shimmer{to{background-position-x:-200%}}.cover-violet{background:linear-gradient(145deg,#dcd5e9,#8f7ca7)}.cover-rose{background:linear-gradient(145deg,#eadbd8,#b6827e)}.cover-blue{background:linear-gradient(145deg,#d2dee3,#6d8793)}.cover-amber{background:linear-gradient(145deg,#ece2cd,#b89b69)}.rank{font:16px var(--font-display);color:#fffffff2;text-shadow:0 1px 6px #00000073;position:absolute;top:10px;left:12px}.cover-art{position:absolute;inset:16% 11% 12%}.cover-art i{aspect-ratio:1;background:#ffffff3b;border-radius:50%;width:65%;position:absolute;top:8%;left:18%;box-shadow:0 0 0 22px #ffffff14}.cover-art b{filter:blur(.2px);background:#30253740;border-radius:48% 48% 8% 8%;width:38%;height:56%;position:absolute;bottom:-9%;left:31%}.cover-maker{letter-spacing:.23em;color:#ffffffe6;text-shadow:0 1px 5px #0000008c;font-size:7px;position:absolute;bottom:10px;left:0;right:0}.work-card-body{width:100%;padding:8px 0 0}.work-title{text-align:left;cursor:pointer;-webkit-line-clamp:2;width:100%;max-height:2.9em;color:var(--color-text);touch-action:manipulation;background:0 0;border:0;-webkit-box-orient:vertical;padding:0;font-size:11px;font-weight:500;line-height:1.45;display:-webkit-box;overflow:hidden}.work-title:active{opacity:.72;transform:none}.save-button{color:#827b75;cursor:pointer;background:0 0;border:0;flex:0 0 36px;width:36px;height:36px;margin:-6px -6px 0 auto;font-size:18px}.save-button.saved{color:var(--color-text)}.maker{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 6px;font-size:10px;line-height:1.4;overflow:hidden}.work-meta{color:var(--color-muted);align-items:center;gap:8px;font-size:10px;display:flex}.work-meta span{align-items:center;gap:3px;display:inline-flex}.work-meta span+span:before{content:"·";margin-right:8px}.work-meta strong{color:var(--color-text);margin-left:auto;font-size:11px}.reason{display:none}.purchase-tag{color:#5b21b6;background:#f0ebf8;border-radius:999px;margin:-2px 0 6px;padding:3px 6px;font-size:8px;font-weight:700;display:inline-flex}.catalog-pagination{flex-shrink:0;align-items:center;gap:8px;display:flex}.catalog-pagination--inline .secondary-button{min-width:0;min-height:36px;padding:0 12px;font-size:12px}.catalog-pagination .secondary-button:disabled{opacity:.45;cursor:not-allowed}.catalog-pagination-status{color:var(--color-text);white-space:nowrap;margin:0;font-size:12px;font-weight:600}.catalog-pagination-status span{display:none}.empty-state,.loading-state{border:1px solid var(--color-border);text-align:center;border-radius:14px;margin:auto 0;padding:40px 20px}.empty-icon{color:var(--color-accent);place-items:center;display:grid}.empty-state h3{margin:10px 0 6px;font-size:15px}.empty-state p,.loading-state{color:var(--color-muted);font-size:12px;line-height:1.7}.empty-state .secondary-button{margin-top:14px}.condition-overlay{z-index:40;padding:var(--safe-top) var(--space-page) calc(12px + var(--chrome-bottom));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c181f52;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.condition-sheet{overscroll-behavior:contain;background:#f8f5fb;border:1px solid #ddd5eb;border-radius:18px 18px 14px 14px;width:min(720px,100%);max-height:min(78dvh,720px);margin:0;padding:clamp(18px,3vw,28px);animation:.22s ease-out sheet-in;overflow-y:auto;box-shadow:0 -12px 40px #2b21341f}@keyframes sheet-in{0%{opacity:0;transform:translateY(16px)}}.section-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.section-heading h2{margin:0;font-size:clamp(18px,3vw,26px);font-weight:500}.choice-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.choice{cursor:pointer;background:#fff;border:1px solid #dcd6e3;border-radius:9px;justify-content:space-between;align-items:center;min-height:48px;padding:8px 12px;font-size:12px;transition:all .16s;display:flex}.choice:hover{border-color:#b8a6d0}.choice.selected{color:#42236c;background:#ebe3f6;border-color:#7652a8}.choice span{color:#7652a8;display:inline-flex}.free-text{margin-top:16px;display:block}.free-text>span{margin-bottom:8px;font-size:12px;font-weight:600;display:block}.free-text span small{color:var(--color-muted);margin-left:5px;font-weight:400}.free-text textarea{resize:vertical;width:100%;min-height:72px;color:var(--color-text);background:#fff;border:1px solid #dcd6e3;border-radius:9px;padding:12px;line-height:1.65}.free-text>small{text-align:right;color:var(--color-muted);margin-top:4px;display:block}.condition-sheet-actions{grid-template-columns:1fr 1.4fr;gap:8px;margin-top:16px;display:grid}.filter-overlay{z-index:45;padding:var(--safe-top) var(--space-page) calc(12px + var(--chrome-bottom));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c181f52;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.filter-sheet{background:#f8f5fb;border:1px solid #ddd5eb;border-radius:18px 18px 14px 14px;grid-template-rows:auto auto 1fr auto;width:min(720px,100%);max-height:min(82dvh,760px);margin:0;animation:.22s ease-out sheet-in;display:grid;box-shadow:0 -12px 40px #2b21341f}.filter-sheet-head{justify-content:space-between;align-items:start;gap:12px;padding:clamp(16px,3vw,22px) clamp(16px,3vw,22px) 8px;display:flex}.filter-sheet-head h2{margin:4px 0 0;font-size:clamp(18px,3vw,24px);font-weight:500}.filter-mode-toggle{grid-template-columns:1fr 1fr;gap:8px;padding:0 clamp(16px,3vw,22px) 10px;display:grid}.filter-mode-button{cursor:pointer;background:#fff;border:1px solid #dcd6e3;border-radius:9px;min-height:40px;font-size:12px;font-weight:600}.filter-mode-button.active{color:#42236c;background:#ebe3f6;border-color:#7652a8}.filter-sheet-body{overscroll-behavior:contain;padding:0 clamp(16px,3vw,22px) 12px;overflow-y:auto}.filter-section{margin-top:14px}.filter-section-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.filter-section-head h3{margin:0;font-size:13px;font-weight:600}.filter-section-head p{color:var(--color-muted);margin:0;font-size:11px}.filter-tag-grid,.filter-preset-row{flex-wrap:wrap;gap:6px;display:flex}.filter-tag-button,.filter-preset-button{cursor:pointer;background:#fff;border:1px solid #dcd6e3;border-radius:999px;padding:7px 11px;font-size:11px}.filter-tag-button.active,.filter-preset-button.active{color:#42236c;background:#ebe3f6;border-color:#7652a8}.filter-empty-copy{color:var(--color-muted);margin:0;font-size:11px}.filter-more-toggle{margin-top:12px;font-size:12px}.saved-filter-list{flex-wrap:wrap;gap:6px;display:flex}.saved-filter-button{cursor:pointer;background:#fff;border:1px solid #dcd6e3;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:11px;display:inline-flex}.filter-sheet-footer{background:#f3eef8;border-top:1px solid #e6dfee;border-radius:0 0 14px 14px;grid-template-columns:auto auto 1fr;gap:8px;padding:12px clamp(16px,3vw,22px) clamp(16px,3vw,22px);display:grid}.filter-sheet-footer .primary-button{min-width:0}.primary-button,.secondary-button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:600;display:inline-flex}.primary-button{border:1px solid var(--color-accent);background:var(--color-accent);color:#fff}.primary-button:hover:not(:disabled){background:var(--color-accent-dark)}.primary-button:disabled{opacity:.62;cursor:not-allowed}.secondary-button{background:0 0;border:1px solid #d2ccc5}.work-detail-panel{z-index:45;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.work-detail-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;pointer-events:auto;background:#1c181f5c;border:0;padding:0;position:absolute;inset:0}.work-detail-sheet{z-index:1;pointer-events:auto;background:var(--color-surface);border-radius:18px 18px 0 0;flex-direction:column;width:min(100%,720px);height:min(94dvh,100%);min-height:0;animation:.22s ease-out detail-sheet-in;display:flex;position:relative;box-shadow:0 -18px 50px #1d16242e;container:detail/inline-size}@keyframes detail-sheet-in{0%{opacity:.7;transform:translateY(24px)}}.work-detail-toolbar{border-bottom:1px solid var(--color-border);flex:none;grid-template-columns:44px 44px 1fr 44px;align-items:center;gap:2px;padding:6px 8px;display:grid}.work-detail-toolbar-label{text-align:center;color:var(--color-muted);margin:0;font-size:12px;font-weight:600}.work-detail-nav-button{width:44px;height:44px;color:var(--color-text);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.work-detail-nav-button:disabled{opacity:.28;cursor:not-allowed}.work-detail-close{width:44px;height:44px;margin:0}.work-detail-scroll{overscroll-behavior:contain;min-height:0;padding:12px clamp(14px, 3vw, 22px) calc(20px + var(--safe-bottom));-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.detail-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.detail-layout{grid-template-columns:1fr;align-items:start;gap:16px;min-width:0;display:grid}.work-detail-edge{display:none}.detail-cover{aspect-ratio:800/538;background:#f0f0f0;border-radius:14px;width:100%;max-width:100%;max-height:min(52dvh,420px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 16px 40px #2b21341f}.detail-info{gap:14px;min-width:0;display:grid}.detail-primary{gap:10px;min-width:0;display:grid}.detail-info h1{overflow-wrap:anywhere;margin:0;font-size:clamp(18px,4.2vw,28px);line-height:1.35}.detail-maker{color:var(--color-muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.6}.detail-tag-panel{gap:8px;min-width:0;margin:0;display:grid}.tag-group{grid-template-columns:4.5em minmax(0,1fr);align-items:start;gap:8px 10px;min-width:0;display:grid}.tag-group-label{color:var(--color-muted);padding-top:4px;font-size:10px;font-weight:600;line-height:1.8}.tag-group-tags{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.tag-group--meta{align-items:center}.detail-product-code{color:var(--color-muted-strong);letter-spacing:.04em;font-size:12px;font-weight:600}.tag-chip{appearance:none;border:1px solid var(--color-border);color:var(--color-ink);font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:5px 10px;font-size:11px;transition:border-color .16s,background-color .16s}.tag-chip:hover,.tag-chip:focus-visible{border-color:var(--color-ink);outline:none}.tag-chip.active{background:var(--color-ink);color:#fff;border-color:var(--color-ink)}.tag-chip span{opacity:.7;margin-left:6px}.detail-stats{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin:0;padding:12px 0;display:grid}.detail-stats span{gap:2px;min-width:0;font-size:13px;font-weight:600;display:grid}.detail-stats small{color:var(--color-muted);margin-bottom:3px;font-size:9px;font-weight:400;display:block}.reason-box{background:#f3eff7;border-radius:12px;padding:14px 16px}.reason-box>span{color:var(--color-accent);letter-spacing:.1em;font-size:10px;font-weight:700}.reason-box p{margin:6px 0 0;font-size:13px;line-height:1.7}.reason-box ul{color:var(--color-muted);margin:8px 0 0;padding-left:18px;font-size:11px;line-height:1.7}.detail-actions{grid-template-columns:1fr;gap:8px;margin:0;display:grid}.external-button{justify-content:center;align-items:center;gap:6px;text-decoration:none;display:flex}.purchase-button{min-height:40px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;font-size:11px;display:inline-flex}.purchase-button.active{color:var(--color-accent);font-weight:600}.fixture-note{color:var(--color-muted);margin:0;font-size:9px;line-height:1.6}.detail-extras{gap:18px;display:grid}.sample-gallery,.sample-movie{margin:0}.sample-gallery h2,.sample-movie h2{margin:0;font-size:16px}.sample-image-list{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.sample-image-button{appearance:none;aspect-ratio:16/9;cursor:zoom-in;scroll-snap-align:start;background:#111;border:0;border-radius:6px;width:100%;padding:0;display:block;overflow:hidden}.sample-image-button img{object-fit:contain;width:100%;height:100%;display:block}.sample-movie-frame{aspect-ratio:16/9;background:#111;border-radius:8px;max-height:36dvh;margin-top:10px;overflow:hidden}.sample-movie-frame iframe{border:0;width:100%;height:100%;display:block}.sample-movie-link{margin-top:8px;display:inline-flex}.sample-lightbox{z-index:120;padding:max(12px, var(--safe-top)) max(12px, var(--safe-right)) max(12px, var(--safe-bottom)) max(12px, var(--safe-left));pointer-events:auto;grid-template-rows:minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.sample-lightbox-backdrop{cursor:pointer;background:#000000c7;border:0;position:absolute;inset:0}.sample-lightbox-viewport{z-index:1;pointer-events:none;justify-content:center;align-items:center;min-height:0;padding-bottom:8px;display:flex;position:relative}.sample-lightbox-viewport img{object-fit:contain;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#000;width:auto;max-width:100%;height:auto;max-height:100%}.sample-lightbox-toolbar{z-index:2;color:#fff;pointer-events:auto;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:8px 0 0;display:flex;position:relative}.sample-lightbox-nav,.sample-lightbox-close{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff47;border-radius:999px;min-width:72px;min-height:40px;padding:0 16px;font-size:13px}.sample-lightbox-nav:disabled{opacity:.35;cursor:not-allowed}.sample-lightbox-close{background:#fff3}.sample-lightbox-counter{text-align:center;flex:none;min-width:72px;font-size:13px}.service-credit{padding:6px var(--space-page);border-top:1px solid var(--color-border);color:var(--color-muted);text-align:center;margin:0;font-size:9px;line-height:1.3}.service-credit a{color:inherit}.bottom-nav{display:none}.age-page{min-height:var(--app-height);height:var(--app-height);overscroll-behavior:contain;padding:max(24px, var(--safe-top)) max(16px, var(--safe-right)) max(24px, var(--safe-bottom)) max(16px, var(--safe-left));background:radial-gradient(circle at 50% 42%,#f3eef9 0,#fafaf8 44%);flex-direction:column;justify-content:center;align-items:center;display:flex;overflow-y:auto}.age-brand{top:max(20px, var(--safe-top));left:var(--space-page);position:absolute}.age-card{text-align:center;background:#ffffffd1;border:1px solid #ebe6ef;border-radius:20px;width:min(100%,480px);padding:clamp(28px,5vw,48px);box-shadow:0 25px 70px #3d275514}.age-mark{width:68px;height:68px;color:var(--color-accent);font:28px var(--font-display);border:1px solid #9d84bd;border-radius:50%;place-items:center;margin:8px auto 16px;display:grid}.age-card h1{margin:0 0 12px;font-size:clamp(28px,5vw,34px)}.age-card>p:not(.eyebrow){color:var(--color-muted);font-size:12px;line-height:1.8}.age-card .primary-button{width:100%;margin-top:16px}.leave-link{min-height:var(--tap-min);color:var(--color-muted);align-items:center;font-size:11px;display:inline-flex}.age-note{color:#96908a;text-align:center;max-width:470px;margin:18px 0 0;font-size:9px;line-height:1.7}@container browse (width>=980px){.work-title{font-size:13px}.reason{border-top:1px solid var(--color-border);color:#66615c;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;padding-top:8px;font-size:10px;line-height:1.6;display:-webkit-box;overflow:hidden}.reason svg{color:var(--color-accent);vertical-align:-2px;flex:none;margin-top:2px}}@container detail (width>=640px){.detail-layout{grid-template-columns:minmax(220px,42%) minmax(0,1fr);gap:clamp(16px,3vw,28px)}.detail-cover{max-height:none;margin:0;position:sticky;top:0}}@media (width>=901px){.browse-screen--with-detail{grid-template-columns:minmax(0,1fr) minmax(380px,min(42vw,480px));gap:0;width:100%;max-width:none;padding:0;display:grid}.browse-screen--with-detail .browse-main{padding:0 var(--space-page);max-width:none}.work-detail-panel{z-index:4;pointer-events:auto;border-left:1px solid var(--color-border);background:var(--color-surface);height:100%;min-height:0;display:block;position:relative;inset:auto}.work-detail-backdrop{display:none}.work-detail-sheet{width:100%;height:100%;max-height:none;box-shadow:none;border-radius:0;animation:none}.work-detail-scroll{padding:14px 18px 24px}.work-detail-edge{color:#ffffffeb;cursor:pointer;opacity:0;z-index:2;background:0 0;border:0;place-items:center;width:18%;max-width:72px;padding:0;transition:opacity .16s,background-color .16s;display:grid;position:absolute;top:0;bottom:0}.detail-cover:hover .work-detail-edge,.work-detail-edge:focus-visible{opacity:1;background:#14101847}.work-detail-edge--prev{left:0}.work-detail-edge--next{right:0}.app-shell--browse-detail .browse-tabs{display:none}.work-detail-sheet .detail-layout{grid-template-columns:1fr}.work-detail-sheet .detail-cover{max-height:min(40dvh,320px);position:relative;top:auto}}@container detail (width<=360px){.tag-group{grid-template-columns:1fr;gap:4px}.tag-group-label{padding-top:0}}@media (width>=721px){:root{--top-bar-h:72px}.top-bar-actions{gap:8px}}@media (width<=720px){:root{--space-page:14px;--top-bar-h:56px;--bottom-nav-h:58px}.top-bar{gap:8px}.top-bar-search--desktop{display:none}.mobile-search-layer{z-index:70;pointer-events:none;display:block;position:fixed;inset:0}.mobile-search-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;pointer-events:auto;background:#1111113d;border:0;padding:0;display:block;position:absolute;inset:0}.catalog-search--mobile{top:calc(var(--safe-top) + 8px);left:max(12px, var(--safe-left));right:max(12px, var(--safe-right));pointer-events:auto;gap:12px;width:auto;height:48px;padding:0 16px;position:fixed;box-shadow:0 8px 30px #0000001a}.catalog-search--mobile .catalog-search-input{font-size:16px}.mobile-search-button{display:grid}.profile-button{width:34px;height:34px;font-size:10px}.icon-button{width:38px;height:38px}.browse-tabs{padding:8px 0 6px}.intro{grid-template-columns:1fr;gap:8px}.intro h1{font-size:clamp(20px,6vw,26px)}.intro-break:before{content:"\a ";white-space:pre}.intro-copy{display:none}.library-header{flex-direction:column;align-items:stretch;gap:8px}.library-header .intro-copy{display:none}.choice-grid{grid-template-columns:repeat(2,1fr)}.condition-sheet-actions{grid-template-columns:1fr}.work-meta span:nth-child(2){display:none}.bottom-nav{z-index:20;height:calc(var(--bottom-nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafaf8f5;grid-template-columns:repeat(2,1fr);display:grid;position:relative}.bottom-nav button{color:var(--color-muted);cursor:pointer;min-height:var(--tap-min);background:0 0;border:0;place-content:center;gap:2px;font-size:9px;display:grid}.bottom-nav button.active{color:var(--color-accent);font-weight:600}.service-credit{display:none}.work-grid,.work-section-preview{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:14px 8px}.work-grid--quiet{gap:14px 8px}.work-card,.work-card-cover{width:100%}.cover{height:auto}.work-card--quiet .work-card-body{padding-top:6px}.work-title{max-height:2.8em;font-size:10px;line-height:1.4}.save-button--overlay{width:28px;height:28px;top:4px;right:4px}.work-card-badge{padding:2px 5px;font-size:8px;top:4px;left:4px}.detail-tag-panel{gap:6px}.tag-group{grid-template-columns:3.8em minmax(0,1fr);gap:6px 8px}.reason-box ul{display:none}}@media (width>=600px) and (width<=900px){.intro{grid-template-columns:minmax(0,1fr) minmax(220px,.9fr);align-items:center}.intro-copy{display:block}}@media (height<=700px){:root{--top-bar-h:48px}.browse-chrome{gap:6px;padding:6px 0}.intro h1{font-size:18px;line-height:1.2}.eyebrow{margin-bottom:2px;font-size:9px}.recommendation-note,.condition-summary .section-label{display:none}.summary-chips span{padding:3px 8px;font-size:10px}.works-pane{padding:8px 0 10px}.work-card-body{padding-top:6px}.maker{display:none}.work-meta{font-size:9px}.catalog-search-input{min-height:0}.detail-info h1{font-size:clamp(17px,4vw,24px)}.sample-movie-frame{max-height:28dvh}}@media (height<=520px) and (orientation:landscape){:root{--bottom-nav-h:48px}.intro-text .eyebrow,.condition-summary{display:none}.work-title{-webkit-line-clamp:1;font-size:11px}.detail-layout{grid-template-columns:minmax(160px,36%) minmax(0,1fr);gap:12px}.detail-cover{max-height:min(72dvh,280px);position:sticky;top:0}.detail-tag-panel{gap:4px}.tag-group{grid-template-columns:3.2em minmax(0,1fr);gap:4px 6px}.reason-box{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}@media (hover:hover) and (pointer:fine){.cover:hover,.work-card--quiet .cover:hover{box-shadow:none}}.cover-skeleton{background:#ececec;animation:none}}