:root{--paper:#fafafa;--ink:#222327;--muted:#73747c;--line:#dedee3;--lime:#e6e6eb;--purple:#e5e5e9;font-family:Arial,'Hiragino Kaku Gothic ProN','Noto Sans JP',Meiryo,sans-serif;color-scheme:light}
[hidden]{display:none!important}html{scroll-padding-top:24px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#50525e}
.site-header{height:90px;border-bottom:0}.brand-dot{color:#222327}.top-nav a.active:after{height:2px}.quiet-button{background:white}.hero{padding-top:35px;padding-bottom:40px;gap:40px}.eyebrow{color:#767780;letter-spacing:1.3px;font-size:11px}.eyebrow:before{background:#555661}.hero h1{font-weight:600;font-size:clamp(38px,4.5vw,63px);letter-spacing:-2px;line-height:1.4;margin:22px 0}.hero h1 em:after{display:none}.hero-copy{font-size:14px;color:#74757d}.hero-bottom strong{background:none;padding:0;font-size:12px;font-weight:600;letter-spacing:1px}.hero-bottom{color:#868790;font-size:11px;margin-top:24px}.hero-art{background:#1b1c21;color:#eeeef2;height:330px;border-radius:12px;padding:26px;position:relative}.hero-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#494a5533,transparent 70%);pointer-events:none}.art-top,.art-bottom{position:relative;font-size:10px;letter-spacing:.4px}.art-top .art-number{border-color:#555662;color:#aaaab4}.hero-word{font-size:clamp(50px,6.8vw,105px);letter-spacing:-5px;font-weight:600;line-height:1}.art-bottom button{font-size:12px;border-color:#656671;padding:8px 0}.art-bottom>span{font-size:10px;color:#a4a4af;letter-spacing:0}.ticker{display:none}.explorer{border-top:1px solid var(--line);padding-top:34px;grid-template-columns:185px minmax(0,1fr);gap:34px}.sidebar-label{font-size:10px;letter-spacing:1px}.category-button{font-size:12px;padding:11px 9px;border-radius:5px}.category-button .cat-count{font-size:11px}.category-button.active .cat-count{color:#bcbcc7}.category-button:hover:not(.active){background:#eaeaf0}.sidebar-note{font-size:11px;color:#8a8b93}.explore-head h2{font-size:23px;font-weight:600}.explore-head h2 span{font-size:12px}.search-wrap input{height:44px;font-size:13px;background:white}.filter-row{font-size:11px;gap:12px}.filter-row select{font-size:12px}.filter-row>div{display:flex;gap:14px;align-items:center}.card-grid{gap:32px 20px}.card-visual{height:auto;aspect-ratio:1.27;border-radius:9px;background:#ededf1;transition:transform .25s}.card-visual:hover{transform:translateY(-3px)}.card-visual:after{font-size:11px;padding:8px 12px}.card-index{font-size:10px;color:#6e707d}.save-card{width:32px;height:32px;font-size:21px;color:#53545f}.save-card.saved{background:#28292f;color:white}.card-info{padding-top:14px}.card-title{font-size:17px;font-weight:600;letter-spacing:-.3px}.card-jp{font-size:13px;line-height:1.7;color:#777881;margin:6px 0 9px}.card-tag{font-size:9px;color:#9999a2;letter-spacing:1.1px}.compare-add{font-size:21px;min-height:30px;min-width:30px;color:#888994}.compare-add.selected{color:#222327;background:#e3e3ea}.load-more{background:#222327;color:white;padding:15px 35px;border:0;border-radius:6px;font-size:13px}.load-more:hover{background:#454650}.mobile-category{display:none}.catalog-status{font-size:12px;color:#888993;text-align:center;margin:32px 0 15px}.expression-card{scroll-margin-top:20px}.demo.word{font-weight:800}.primary-button{background:#26272e}.primary-button:hover{background:#484953}.secondary-button:hover{background:#eeeef2}.small-note{font-size:12px;color:#767780}.panel-title{font-size:11px}.control-field,.control-label{font-size:12px}.detail-description{font-size:15px;line-height:1.9}.detail-info{font-size:13px;color:#696b76}.detail-note{background:#ededf2;font-size:12px;padding:16px}.detail-title{font-weight:600}.detail-tabs button,.detail-playbar button{font-size:12px}.detail-controls .control-field{font-size:12px}.detail-links{font-size:12px}.code-block{background:#22232b;color:#e1e1ec;font-size:12px}.detail-stage{height:340px}.detail-tags span{font-size:10px}.close-button{width:38px;height:38px}.site-footer .brand-small span,.footer-meta,.site-footer p{font-size:11px}.site-footer>p{display:none}#compare-tray{background:#25262e}#compare-tray button{background:#eeeef3;color:#25262e}.section-intro h1{font-size:43px;line-height:1.4;font-weight:600}.section-intro p{font-size:14px;line-height:1.9}.workspace{gap:24px}.panel{border-radius:9px}.badge{background:#e8e8ee;color:#4c4d58}.badge.neutral{background:#f0f0f3;color:#7f8089}
@media(max-width:1100px){.explorer{grid-template-columns:165px minmax(0,1fr);gap:25px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:26px}.hero h1{font-size:43px}.hero-art{height:310px}.top-nav{gap:16px}}
@media(max-width:760px){.site-header{height:auto;min-height:105px;padding:18px 5% 0;gap:12px}.brand-main{font-size:23px}.brand-sub{font-size:13px}.quiet-button{font-size:11px;min-height:36px;padding:8px 11px}.top-nav{height:43px;width:100%;justify-content:space-between;gap:0}.top-nav a{font-size:11px;padding:12px 0}.top-nav a.active:after{bottom:2px}.top-nav a span{display:none}.hero{padding:29px 5% 30px;display:block}.hero h1{font-size:36px;letter-spacing:-1.2px;line-height:1.45;margin:16px 0 13px}.hero h1 br{display:none}.hero h1 em{display:block}.hero-copy{font-size:13px;line-height:1.9}.hero-bottom{margin-top:15px;font-size:10px;gap:10px}.hero-bottom strong{font-size:10px}.hero-art{height:230px;margin-top:25px;padding:20px;border-radius:10px}.hero-word{font-size:clamp(43px,11.5vw,76px);letter-spacing:-3.5px;height:110px}.art-top{font-size:9px}.art-bottom{align-items:end;gap:12px}.art-bottom button{font-size:11px;white-space:nowrap}.art-bottom>span{font-size:9px;line-height:1.5;text-align:right}.art-number{display:none}.explorer{display:block;padding:27px 5% 50px}.sidebar{display:none}.mobile-category{display:flex;align-items:center;gap:16px;margin-bottom:25px;font-size:13px}.mobile-category select{flex:1;width:100%;min-width:0;height:46px;font-size:16px;background:white}.explore-head{display:block;margin-bottom:13px}.explore-head h2{font-size:23px;margin-bottom:17px}.search-wrap{display:block;width:100%;max-width:none}.search-wrap input{height:46px;font-size:16px}.filter-row{font-size:11px;margin-bottom:21px}.filter-row select{font-size:12px}.filter-row>div>a{display:none}.card-grid{grid-template-columns:minmax(0,1fr);gap:33px}.card-visual{height:auto;aspect-ratio:1.25;border-radius:10px}.card-visual:hover{transform:none}.card-visual:after{display:block;opacity:1;transform:none;bottom:14px;left:14px;font-size:11px}.card-index{font-size:11px;top:15px;left:15px}.save-card{height:38px;width:38px;top:12px;right:12px;font-size:23px}.card-title{font-size:20px;line-height:1.3}.card-jp{font-size:14px;line-height:1.7;margin:6px 0 9px}.card-tag{font-size:10px}.card-info{padding-top:15px}.compare-add{font-size:23px;min-height:36px;min-width:36px}.demo{width:85px;height:85px}.demo.word{font-size:66px;letter-spacing:-4px}.demo.ring{width:92px;height:92px;border-width:15px}.demo.dots i{width:18px;height:18px}.demo.bars{width:100px;height:90px}.demo.card:after{font-size:55px}.load-more{width:100%;font-size:14px;padding:16px;margin:16px 0 0}.detail-stage{height:290px}.detail-body{grid-template-columns:1fr;gap:24px}.detail-controls{grid-template-columns:1fr;gap:18px}.detail-controls select,.detail-controls input[type=text]{font-size:16px}.detail-description{font-size:14px}.detail-jp{font-size:14px}.detail-title{font-size:33px}.code-block{font-size:11px}.detail-tabs button,.detail-playbar button{font-size:13px}.section-intro{padding:34px 5% 24px}.section-intro h1{font-size:34px}.section-intro p{font-size:13px}.workspace{grid-template-columns:1fr}.compare-grid{grid-template-columns:1fr!important;gap:23px}.compare-stage{height:270px}.compare-item h3{font-size:20px}.compare-item p{font-size:13px}.compare-controls{font-size:12px}.site-footer .brand-small{font-size:18px}.small-note{font-size:12px}.code-row code{font-size:12px}}
@media(prefers-reduced-motion:reduce){.card-visual{transition:none}}
.hero-word{font-size:clamp(43px,5.4vw,86px)}.easing-workspace,.easing-directory,.sound-directory{max-width:1300px;margin:auto;padding:0 4% 55px}.easing-lab{padding-top:0;background:transparent}.el-header>div:first-child{display:none}.el-header{margin-bottom:16px}.el-definition{max-width:none;font-size:13px}.el-definition br{display:none}.el-cards{background:white}.el-controls{position:sticky;top:0;z-index:3;background:#fafafa}.easing-directory h2{font-size:23px;font-weight:600}.easing-directory>p{font-size:13px;color:#777883;line-height:1.8;margin-bottom:25px}.easing-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.easing-index-item{display:flex;align-items:center;gap:13px;text-align:left;border-bottom:1px solid var(--line);padding:17px 10px 17px 0;min-width:0}.easing-index-item:hover{background:#eeeef3}.easing-index-item svg{width:74px;height:64px;flex-shrink:0}.easing-index-item strong{font-size:15px;font-weight:600;display:block}.easing-index-item small{display:block;font-size:11px;line-height:1.7;color:#858691;margin-top:6px}.index-arrow{margin-left:auto;font-size:18px;color:#888994}.curve-grid{fill:none;stroke:#bfbfc9;stroke-width:1}.curve-line{fill:none;stroke:#30323c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.easing-demo{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.easing-card-graph{width:65%;height:62%;max-width:260px;display:block;overflow:visible}.easing-demo .motion-stage{width:100%;height:32px;flex-shrink:0;overflow:visible;margin-top:-8px}.easing-demo .motion-stage:before{content:'';height:1px;position:absolute;left:calc(50% - 80px);right:calc(50% - 80px);background:#babac6}.easing-demo .demo.orb{width:16px;height:16px;background:#30323c}.sound-stage{height:280px;border-radius:9px;overflow:hidden}.sound-meta{padding:17px 0 0}.sound-meta h2{font-size:21px;font-weight:600;margin:0 0 7px;letter-spacing:-.5px}.sound-meta p{font-size:13px;color:#747680;margin:5px 0 13px}.sound-detail{font-size:12px;padding:8px 0;border-bottom:1px solid #babac5}.sound-instruction{font-size:12px!important;margin-top:25px}.sound-directory .card-grid{row-gap:37px}.reduced .hero-word span{transform:none!important}
@media(max-width:1000px){.easing-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero-word{font-size:clamp(43px,11.5vw,76px)}.easing-workspace,.easing-directory,.sound-directory{padding:0 5% 38px}.easing-directory-grid{grid-template-columns:1fr}.easing-index-item{padding:18px 0;gap:17px}.easing-index-item svg{width:92px;height:74px}.easing-index-item strong{font-size:18px}.easing-index-item small{font-size:12px}.sound-stage{height:290px}.el-controls{padding:14px 0}.el-duration{margin-top:14px}.easing-lab{padding-top:0}.el-definition{margin-top:0!important}.easing-demo .demo.orb{width:16px;height:16px}}