:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif;color:#f2efe9;background:#101011;font-synthesis:none;--accent:#a63240;--muted:#93929c;--nav:72px;--top:66px;--heading:64px}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:hover,a:hover{filter:brightness(1.12)}.app{min-height:100svh;display:flex;justify-content:center;gap:70px}.mobile-shell{width:100%;max-width:480px;position:relative;height:100dvh;min-height:400px;background:#171718;display:flex;flex-direction:column}.top{height:var(--top);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #ffffff0b}.brand{font-size:28px;letter-spacing:5px;font-weight:800;line-height:1;display:inline-flex;align-items:center;gap:12px}.brand span{font-size:8px;letter-spacing:2px;font-weight:500;color:#9998a1;border-left:1px solid #ffffff25;padding-left:11px;line-height:16px}.top-right{display:flex;gap:10px;align-items:center}.age-badge{font-size:10px;letter-spacing:1px;color:#b5b3bd;border:1px solid #ffffff1f;padding:4px 6px;border-radius:4px}.icon-btn{display:flex;align-items:center;padding:6px;color:#9998a2}.feed-heading{flex-shrink:0;height:var(--heading);display:flex;justify-content:space-between;align-items:center;padding:0 24px}.feed-heading span,.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:var(--accent)}.feed-heading h2{font-size:16px;margin:4px 0 0;letter-spacing:.5px}.feed-count{font-size:9px;letter-spacing:1.5px;color:#85838d}.feed-count button{font-size:20px}.feed{flex:1;min-height:0;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.work-card{height:100%;min-height:0;scroll-snap-align:start;scroll-snap-stop:always;position:relative;overflow:hidden;isolation:isolate}.visual{position:absolute;inset:0;z-index:-1;background:#181a22}.visual img,.visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.visual video{opacity:.65;mix-blend-mode:screen}.visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,#08081130 0%,transparent 30%,#08081155 48%,#080811df 74%,#080811 100%);pointer-events:none}.card-top{display:flex;align-items:center;justify-content:space-between;padding:22px 24px}.sample-badge{font-size:9px;letter-spacing:1.5px;border:1px solid #ffffff30;padding:7px 9px;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:7px}.sample-badge i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.counter{font-size:11px;letter-spacing:1px}.counter span{color:#ffffff60}.card-tools{position:absolute;right:18px;top:35%;display:flex;flex-direction:column;align-items:center;gap:8px}.round{height:44px;width:44px;display:grid;place-items:center;background:#11111c70;border:1px solid #ffffff26;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.round.saved{color:var(--accent);background:#a6324020;border-color:#a6324080}.card-tools small{font-size:9px;color:#ccc9d1;margin-bottom:12px}.card-content{position:absolute;bottom:0;left:0;right:0;padding:24px 24px 0}.eyebrow span{color:#aaa6b1;letter-spacing:1px;margin-left:8px}h1{font-size:29px;font-weight:650;letter-spacing:1px;line-height:1.5;margin:10px 0 9px}.card-content p{font-size:12px;line-height:1.9;color:#c0bbc9;max-width:330px;margin:0 0 14px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags button{border:1px solid #ffffff27;border-radius:5px;padding:5px 9px;font-size:10px;color:#d2ced8;background:#ffffff08}.actions{display:flex;gap:10px;margin-top:22px}.cta{background:var(--accent);border-radius:7px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:650;min-height:48px;padding:12px 18px;flex:1}.cta svg{width:17px}.detail-btn{min-width:96px;border:1px solid #ffffff30;border-radius:7px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:10px}.detail-btn svg{width:16px}.swipe-hint{font-size:9px;letter-spacing:1px;color:#777480;display:flex;justify-content:center;align-items:center;gap:16px;padding:19px 0}.swipe-hint span{font-size:17px}.play-control{position:absolute;top:21%;left:24px;background:#0005;padding:9px;border-radius:50%;display:flex;z-index:2}.video-error{position:absolute;top:28%;left:24px;font-size:11px;z-index:2}.bottom{height:calc(var(--nav) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);flex-shrink:0;display:grid;grid-template-columns:repeat(4,1fr);background:#161617;border-top:1px solid #ffffff0c}.bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#797783;font-size:9px;position:relative}.bottom button.selected{color:var(--accent)}.bottom button.selected:before{content:"";position:absolute;width:22px;height:2px;background:var(--accent);top:0}.bottom b{font-size:8px;margin-left:3px}.page{flex:1;min-height:0;overflow-y:auto;padding:24px}.page h1{font-size:26px;margin-top:16px}.page p{font-size:13px;line-height:2;color:#c5c0ce}.page h2{font-size:16px;margin-top:28px}.back{display:flex;align-items:center;gap:6px;font-size:12px;color:#aaa4b5;margin-bottom:25px;padding:0}.back svg{width:17px}.muted{color:#888390!important;font-size:11px!important}.detail-cover{width:100%;height:240px;object-fit:cover;border-radius:10px;margin-bottom:25px}.page .cta{margin-top:16px;width:100%}.outline{border:1px solid #ffffff25;padding:14px;border-radius:7px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:15px}.detail dl{margin:25px 0;font-size:12px}.detail dl div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ffffff0c}.detail dt{color:#8b8595}.detail dd{margin:0}.info-links a{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:20px 0;border-bottom:1px solid #ffffff15}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.category-grid button{padding:18px;text-align:left;min-height:135px;background:linear-gradient(135deg,#242021,#1b191a);border:1px solid #ffffff10;border-radius:10px;display:flex;flex-direction:column;gap:20px}.category-number{color:var(--accent);font-size:10px;letter-spacing:2px}.category-grid strong{font-size:15px;font-weight:500}.category-grid button>span:last-child{display:flex;justify-content:space-between;align-items:center;color:#8c8599;font-size:10px}.category-grid svg{width:16px}.empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.empty>svg{width:36px;height:36px;color:var(--accent);margin-bottom:15px}.empty h2{font-size:20px}.empty p{font-size:12px;color:#928b9e}.age-overlay{position:fixed;inset:0;z-index:100;background:#09090ef5;display:grid;place-items:center;padding:20px;overflow-y:auto}.age-dialog{width:100%;max-width:410px;padding:30px 20px;text-align:center}.age-dialog .brand{margin-bottom:44px}.age-mark{font-size:62px;font-weight:300;line-height:1;letter-spacing:-4px;margin-bottom:24px;color:#ece6ed}.age-mark span{color:var(--accent);font-size:38px;vertical-align:top}.age-dialog h1{font-size:23px;margin-top:15px;letter-spacing:0}.age-dialog p{font-size:12px;line-height:2;color:#a7a0b1;margin-bottom:30px}.age-dialog .cta{width:100%}.exit{display:block;padding:22px;font-size:12px;color:#aaa4b5}.age-dialog small{font-size:10px;line-height:1.8;color:#66616f}.age-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px;font-size:9px;color:#88818f}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);padding:14px 20px;background:#f1ecf5;color:#211b28;border-radius:8px;font-size:12px;z-index:120;max-width:90%;width:max-content;box-shadow:0 5px 35px #0007}.desktop,.desktop-note{display:none}@media(min-width:1000px){.app{padding:24px 0}.mobile-shell{height:calc(100dvh - 48px);max-width:420px;border:1px solid #ffffff14;border-radius:16px;overflow:hidden;box-shadow:0 20px 80px #0004}.desktop{width:205px;display:flex;flex-direction:column;padding:28px 0}.desktop .brand{font-size:34px;display:flex;align-items:flex-start;flex-direction:column;gap:10px}.desktop .brand span{border:0;padding:0;letter-spacing:3px}.side-copy{font-size:25px;line-height:1.8;letter-spacing:2px;margin:46px 0 24px}.side-line{width:24px;height:2px;background:var(--accent)}.side-small{font-size:11px;line-height:2;color:#807a8b;margin-top:20px}.side-nav{display:flex;flex-direction:column;gap:8px;margin-top:35px}.side-nav button{display:flex;align-items:center;gap:17px;text-align:left;padding:14px 12px;font-size:13px;color:#88828f;border-radius:8px}.side-nav button.selected{color:#f0e9f4;background:#ffffff06}.side-nav button.selected svg{color:var(--accent)}.side-nav small{margin-left:auto}.side-footer{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-top:25px}.side-footer span{font-size:8px;letter-spacing:2px;color:#9c6875}.side-footer button{font-size:10px;color:#89818f;padding:0}.side-footer small{font-size:9px;color:#514b59}.desktop-note{display:flex;flex-direction:column;justify-content:center;width:170px}.desktop-note .eyebrow{color:#8e8299;line-height:2;font-size:9px}.desktop-note>p{font-size:16px;line-height:2;letter-spacing:1px;color:#c3b8cb}.gesture{display:flex;flex-direction:column;gap:18px;margin:45px 0;font-size:32px;color:#9c6f81}.gesture span{font-size:8px;letter-spacing:2px}.desktop-note .muted{font-size:9px!important;line-height:2.3}.top .brand{font-size:23px}.top .brand span{font-size:7px}.card-content h1{font-size:28px}}@media(max-height:700px){:root{--top:54px;--heading:50px;--nav:58px}.card-content{padding:16px 20px 0}.card-content h1{font-size:23px;margin:7px 0}.card-content p{font-size:11px;line-height:1.6;margin-bottom:9px}.actions{margin-top:12px}.swipe-hint{padding:11px 0;font-size:8px}.card-tools{top:26%}.card-top{padding:15px 20px}.cta{min-height:42px}.age-dialog .brand{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.card-tools{z-index:3}.card-content h1{padding-right:45px}@media(max-height:700px){.card-tools{top:70px;flex-direction:row;gap:10px}.card-tools small{display:none}.round{height:38px;width:38px}}.gate-background{flex:1}.compare-btn{font-size:10px!important;padding:7px 10px;margin-right:10px;border:1px solid #ffffff30;border-radius:5px;color:#a63240}.compare-wrap{overflow-x:auto;max-width:100%;margin-top:30px}.compare-wrap table{border-collapse:collapse;min-width:380px;text-align:left;font-size:11px}.compare-wrap caption{text-align:left;margin-bottom:15px;color:#8d8499}.compare-wrap th,.compare-wrap td{padding:15px 10px;border-bottom:1px solid #ffffff15;white-space:nowrap}.compare-wrap thead{color:#91869b}.compare-wrap tbody th{color:#a63240}.brand{gap:10px;letter-spacing:0;font-size:22px;white-space:nowrap}.brand .brand-mark{width:32px;height:32px;padding:0;border:1px solid #a6324066;border-radius:7px;display:grid;place-items:center;color:#f2efe9;background:#35191e;font-size:11px;font-weight:800;letter-spacing:-1px;line-height:1}.brand-word{font-size:22px;font-weight:800;letter-spacing:-.7px;line-height:1}.brand .brand-word span{font-size:inherit;font-weight:400;letter-spacing:-.7px;padding:0;border:0;color:#f2efe9}.top .brand .brand-word{font-size:21px}.top .brand .brand-word span{font-size:inherit}.top .brand .brand-mark{font-size:11px}.quick-filters{display:flex;align-items:center;flex-shrink:0;gap:7px;overflow-x:auto;scrollbar-width:none;padding:0 24px 12px;min-height:0}.quick-filters:empty{display:none}.quick-filters button{white-space:nowrap;font-size:10px;color:#a6a0a1;padding:7px 11px;border:1px solid #ffffff16;border-radius:20px;background:#ffffff03;min-height:30px}.quick-filters button.selected{color:#f2efe9;background:#69222d;border-color:#a6324055}.bottom button.selected,.side-nav button.selected svg{color:#d57882}.feed-heading span,.eyebrow,.category-number{color:#d57882}.editorial-note{border:1px solid #ffffff14;border-radius:9px;padding:18px;margin-top:26px;background:#ffffff03}.editorial-note h2{margin:9px 0;font-size:17px}.editorial-note p{font-size:12px}.feature-tags{display:flex;flex-wrap:wrap;gap:6px}.feature-tags span{font-size:10px;border:1px solid #ffffff1c;border-radius:4px;padding:5px 8px;color:#bcb4b5}.age-dialog .brand{justify-content:center}.age-dialog .brand .brand-word{font-size:26px}.side-copy{letter-spacing:1px}.sample-badge{color:#f2efe9}.compare-btn,.compare-wrap tbody th{color:#d57882}@media(min-width:1000px){.desktop .brand{flex-direction:row;align-items:center;gap:10px}.desktop .brand .brand-mark{padding:0;font-size:12px;letter-spacing:-1px}.desktop .brand .brand-word{font-size:25px}.desktop .brand .brand-word span{padding:0;font-size:inherit;letter-spacing:-.7px}.desktop-note .eyebrow{font-size:12px;line-height:1.9;letter-spacing:2.5px;color:#d57882}}@media(max-height:700px){.quick-filters{padding:0 20px 9px;gap:6px}.quick-filters button{padding:5px 9px;min-height:27px;font-size:9px}.card-content p{max-width:100%}.card-tools{top:58px}.top{padding:0 20px}.top .brand .brand-word{font-size:20px}.age-dialog .brand{margin-bottom:20px}}:root{--muted:#b4b1b8;--surface:#1b1b1e;--border:#ffffff30;--focus:#ffdc94;--nav:76px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.icon-btn{min-width:44px;min-height:44px;justify-content:center;color:#c6c3ca}.age-badge{font-size:12px;color:#d0ccd3;border-color:var(--border)}.feed-heading h2{font-size:20px;font-weight:700;letter-spacing:0}.feed-heading span,.eyebrow{font-size:11px;letter-spacing:1.4px}.feed-count{font-size:11px;color:#b9b4bd;letter-spacing:.5px}.quick-filters{gap:8px;padding-bottom:12px}.quick-filters button{min-height:40px;font-size:12px;padding:8px 13px;color:#d1cdd3;border-color:#ffffff30;border-radius:6px}.quick-filters button.selected{background:#54242c;border-color:#df929b;box-shadow:inset 0 -2px #df929b;font-weight:700}.sample-badge{font-size:10px;letter-spacing:1px;background:#121216b3;border-color:#ffffff40}.round{width:48px;height:48px;background:#121216cc;border-color:#ffffff50}.round.saved{color:#ffc0c7;background:#52232ddd;border-color:#df929b}.card-tools small{font-size:11px;color:#e0dce4}.visual-shade{background:linear-gradient(180deg,#09090c44,transparent 26%,#09090c55 43%,#09090ce8 68%,#09090c 100%)}.card-content h1{font-size:28px;letter-spacing:0;line-height:1.4;font-weight:700}.card-content p{font-size:14px;line-height:1.7;color:#ded9e2;max-width:100%;margin-bottom:12px}.tags button{font-size:12px;min-height:36px;padding:7px 10px;border-color:#ffffff40;color:#e1dce5;border-radius:4px}.actions{margin-top:16px}.cta,.detail-btn,.outline{font-size:14px;min-height:48px;border-radius:6px;font-weight:700}.cta{background:#a63240;color:#fff}.detail-btn{min-width:100px;border-color:#ffffff65;background:#17171aa6}.swipe-hint{font-size:11px;color:#bcb5c2;padding:14px 0;letter-spacing:0}.play-control{min-width:44px;min-height:44px;align-items:center;justify-content:center;background:#121216bb;border:1px solid #ffffff50}.bottom{background:#19191c;border-color:#ffffff30}.bottom button{font-size:12px;color:#c0bac6;gap:5px}.bottom button.selected{color:#fff;background:#ffffff08;font-weight:700}.bottom button.selected svg{color:#eda3ad;stroke-width:2.4}.bottom button.selected:before{width:40px;height:3px;background:#eda3ad;border-radius:0 0 3px 3px}.bottom b{font-size:11px;background:#54242c;padding:2px 5px;border-radius:4px}.page{padding:24px;scroll-padding-top:24px}.page h1{font-size:28px;line-height:1.5;letter-spacing:0}.page p{font-size:16px;line-height:1.8;color:#d5cfdb}.page h2{font-size:20px;line-height:1.5;margin-top:32px}.back{min-height:44px;font-size:14px;color:#ddd5e2;margin-bottom:16px}.muted{color:#b4adbc!important;font-size:13px!important}.detail dl{font-size:14px;line-height:1.7}.detail dl div{gap:16px;padding:16px 0;border-color:#ffffff25}.detail dt{color:#bbb3c4}.detail dd{text-align:right}.category-grid{gap:12px;margin-top:24px}.category-grid button{background:#222226;border-color:#ffffff30;border-radius:6px;gap:16px;padding:20px;min-height:148px}.category-grid button:hover{border-color:#df929b;background:#29252a}.category-grid strong{font-size:18px;font-weight:700}.category-number{font-size:12px;letter-spacing:1px}.category-grid button>span:last-child{font-size:13px;color:#c4bbc9}.editorial-note{padding:20px;background:#222226;border-color:#ffffff30;border-radius:6px}.editorial-note p{font-size:15px}.feature-tags span{font-size:12px;padding:7px 9px;color:#d5ccda}.info-links a{font-size:15px;min-height:56px}.age-dialog p{font-size:15px;color:#c9c2d1;line-height:1.8}.age-dialog small{font-size:12px;color:#b5acbe}.age-links{font-size:12px;gap:16px;line-height:1.8}.age-links a,.exit,.compare-wrap a{text-decoration:underline;text-underline-offset:4px}.exit{font-size:14px;min-height:48px;color:#d3cbdc}.age-dialog h1{font-size:25px}.compare-wrap table{font-size:14px}.compare-btn{font-size:12px!important;min-height:40px;color:#efb0b9}.desktop .side-small{font-size:13px;color:#b3abbc}.side-nav button{min-height:48px;font-size:15px}.side-nav button.selected{background:#ffffff0c;border-left:3px solid #df929b}.side-footer button{min-height:44px;font-size:12px}.desktop-note .muted{font-size:12px!important}@media(max-height:740px){:root{--top:54px;--heading:50px;--nav:64px}.quick-filters{padding:0 20px 8px}.quick-filters button{min-height:36px;font-size:11px;padding:6px 10px}.card-content{padding:12px 20px 0}.card-content h1{font-size:23px;margin:6px 0}.card-content p{font-size:12px;line-height:1.5;margin-bottom:8px}.tags button{min-height:32px;font-size:11px;padding:5px 8px}.actions{margin-top:10px}.swipe-hint{font-size:10px;padding:8px 0}.card-tools{top:60px;gap:8px}.round{width:44px;height:44px}.card-tools small{display:none}.sample-badge{font-size:9px}.age-dialog .brand,.age-dialog p{margin-bottom:20px}}@media(max-width:350px){.card-content p{font-size:12px}.card-content h1{font-size:22px}.top{padding:0 16px}.quick-filters{padding-left:16px;padding-right:16px}.page{padding:20px}.category-grid button{padding:16px}.category-grid strong{font-size:16px}}@media(prefers-contrast:more){:root{--border:#ffffff80}.quick-filters button,.tags button,.category-grid button{border-color:#ffffff80}.muted{color:#ddd!important}}