.cde-rl{max-width:1400px;margin:0 auto;padding:24px 24px 80px}.cde-rl__layout{display:flex;gap:24px;align-items:flex-start}.cde-rl__content{flex:1;min-width:0}.cde-rl__header{margin-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px;background:var(--ma-card-bg)!important;border:1px solid var(--ma-card-border)!important;border-radius:16px!important;padding:16px 24px!important}.cde-rl__header-left{display:flex;align-items:center;gap:16px}.cde-rl__title{font-size:22px!important;font-weight:700!important;color:var(--ma-text)!important;margin:0!important}.cde-rl__count{font-size:13px!important;color:var(--ma-text-sec)!important;font-weight:500!important}.cde-rl__header-right{display:flex;align-items:center;gap:12px}.cde-rl__sort{all:unset!important;padding:8px 32px 8px 12px!important;font-size:13px!important;color:var(--ma-text)!important;background:var(--ma-bg-subtle)!important;border:1px solid var(--ma-card-border)!important;border-radius:8px!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%2399a1af' stroke-width='1.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;font-family:'Noto Sans JP','Noto Sans SC',sans-serif!important}.cde-rl__sort:focus{border-color:var(--ma-accent)!important;outline:0!important}.cde-rl__filter-toggle{all:unset!important;display:none!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;padding:12px!important;margin-bottom:16px!important;font-size:14px!important;font-weight:600!important;color:var(--ma-accent)!important;background:var(--ma-card-bg)!important;border:1px solid var(--ma-card-border)!important;border-radius:12px!important;cursor:pointer!important;transition:all .2s ease!important}.cde-rl__filter-toggle:hover{border-color:var(--ma-accent)!important;background:rgba(0,245,255,.05)!important}.cde-rl__filters{width:280px;flex-shrink:0;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;background:var(--ma-card-bg)!important;border:1px solid var(--ma-card-border)!important;border-radius:16px!important;padding:20px!important;scrollbar-width:thin;scrollbar-color:var(--ma-card-border) transparent}.cde-rl__filters::-webkit-scrollbar{width:4px}.cde-rl__filters::-webkit-scrollbar-track{background:0 0}.cde-rl__filters::-webkit-scrollbar-thumb{background:var(--ma-card-border);border-radius:2px}.cde-rl__filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--ma-card-border)}.cde-rl__filters-title{font-size:15px!important;font-weight:600!important;color:var(--ma-text)!important;margin:0!important;display:flex!important;align-items:center!important;gap:8px!important}.cde-rl__filters-title i{color:var(--ma-accent)!important;font-size:16px!important}.cde-rl__filters-close{all:unset!important;display:none!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;border-radius:8px!important;cursor:pointer!important;color:var(--ma-text-dim)!important;transition:all .2s ease!important}.cde-rl__filters-close:hover{background:rgba(255,255,255,.1)!important;color:var(--ma-text)!important}.cde-rl__filter-group{margin-bottom:16px}.cde-rl__filter-label{display:block!important;font-size:12px!important;font-weight:600!important;color:var(--ma-text-sec)!important;margin-bottom:6px!important;text-transform:uppercase!important;letter-spacing:.05em!important}.cde-rl__filter-input{all:unset!important;display:block!important;width:100%!important;padding:8px 12px!important;font-size:13px!important;color:var(--ma-text)!important;background:var(--ma-bg-subtle)!important;border:1px solid var(--ma-card-border)!important;border-radius:8px!important;transition:border-color .2s ease!important;box-sizing:border-box!important;font-family:'Noto Sans JP','Noto Sans SC',sans-serif!important}.cde-rl__filter-input:focus{border-color:var(--ma-accent)!important;outline:0!important}.cde-rl__filter-input::placeholder{color:var(--ma-text-dim)!important}.cde-rl__filter-select{all:unset!important;display:block!important;width:100%!important;padding:8px 28px 8px 12px!important;font-size:13px!important;color:var(--ma-text)!important;background:var(--ma-bg-subtle)!important;border:1px solid var(--ma-card-border)!important;border-radius:8px!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%2399a1af' stroke-width='1.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 8px center!important;box-sizing:border-box!important;font-family:'Noto Sans JP','Noto Sans SC',sans-serif!important}.cde-rl__filter-select:focus{border-color:var(--ma-accent)!important;outline:0!important}.cde-rl__filter-group--accordion{margin-bottom:0!important;border-bottom:1px solid var(--ma-card-border)}.cde-rl__filter-group--accordion:last-of-type{border-bottom:none}.cde-rl__filter-group-header{all:unset!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:12px 0!important;cursor:pointer!important;box-sizing:border-box!important}.cde-rl__filter-group-header .cde-rl__filter-label{margin-bottom:0!important}.cde-rl__filter-group-arrow{font-size:12px!important;color:var(--ma-text-dim)!important;transition:transform .25s ease!important;flex-shrink:0!important}.cde-rl__filter-group--collapsed .cde-rl__filter-group-arrow{transform:rotate(180deg)!important}.cde-rl__filter-group-body{max-height:300px;overflow:hidden;opacity:1;padding-bottom:12px;transition:max-height .25s ease,opacity .2s ease,padding-bottom .25s ease}.cde-rl__filter-group--collapsed .cde-rl__filter-group-body{max-height:0!important;opacity:0!important;padding-bottom:0!important}.cde-rl__class-list{display:flex;flex-direction:column;gap:6px}.cde-rl__class-item{all:unset!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 12px!important;border-radius:8px!important;cursor:pointer!important;transition:all .2s ease!important;background:var(--ma-bg-subtle)!important;border:1px solid transparent!important}.cde-rl__class-item:hover{border-color:var(--ma-card-border)!important;background:rgba(0,245,255,.03)!important}.cde-rl__class-item--active{border-color:var(--ma-accent)!important;background:rgba(0,245,255,.08)!important}.cde-rl__class-item-name{font-size:13px!important;font-weight:600!important;color:var(--ma-text)!important}.cde-rl__class-item-rate{font-size:12px!important;color:var(--ma-accent)!important;font-weight:500!important}.cde-rl__filter-actions{display:flex;flex-direction:column;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--ma-card-border)}.cde-rl__filter-btn{all:unset!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:10px 16px!important;font-size:13px!important;font-weight:600!important;border-radius:10px!important;cursor:pointer!important;transition:all .2s ease!important;text-align:center!important;font-family:'Noto Sans JP','Noto Sans SC',sans-serif!important}.cde-rl__filter-btn--apply{background:linear-gradient(135deg,var(--ma-accent),var(--ma-purple))!important;color:#fff!important}.cde-rl__filter-btn--apply:hover{transform:translateY(-1px)!important;box-shadow:0 4px 16px rgba(0,245,255,.3)!important}.cde-rl__filter-btn--reset{color:var(--ma-text-sec)!important;background:0 0!important;border:1px solid var(--ma-card-border)!important}.cde-rl__filter-btn--reset:hover{color:var(--ma-text)!important;border-color:var(--ma-text-dim)!important}.cde-rl__active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.cde-rl__active-filters:empty{display:none}.cde-rl__active-tag{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:5px 12px!important;font-size:12px!important;font-weight:500!important;color:var(--ma-accent)!important;background:rgba(0,245,255,.08)!important;border:1px solid rgba(0,245,255,.15)!important;border-radius:20px!important;cursor:pointer!important;transition:all .2s ease!important}.cde-rl__active-tag:hover{background:rgba(0,245,255,.15)!important}.cde-rl__active-tag i{font-size:11px!important}.cde-rl__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cde-rl__card{position:relative;background:var(--ma-card-bg)!important;border:1px solid var(--ma-card-border)!important;border-radius:var(--ma-radius)!important;overflow:hidden;transition:all .3s ease}.cde-rl__card:hover{border-color:rgba(0,245,255,.2)!important;transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.cde-rl__card-link{display:block!important;text-decoration:none!important;color:inherit!important}.cde-rl__card-link:hover{text-decoration:none!important;color:inherit!important}.cde-rl__card-img-wrap{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--ma-bg-subtle)}.cde-rl__card-img-wrap--empty{display:flex!important;align-items:center!important;justify-content:center!important;color:var(--ma-text-dim)!important;font-size:40px!important}.cde-rl__card-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.cde-rl__card:hover .cde-rl__card-img{transform:scale(1.05)}.cde-rl__card-badge{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px!important;font-weight:700!important;color:#fff!important;border-radius:6px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,245,255,.25)!important;border:1px solid rgba(0,245,255,.3);letter-spacing:.03em;text-transform:uppercase}.cde-rl__card-body{padding:14px 16px 16px}.cde-rl__card-title{font-size:14px!important;font-weight:600!important;color:var(--ma-text)!important;margin-bottom:2px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cde-rl__card-grade{font-size:12px!important;color:var(--ma-text-sec)!important;margin-bottom:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cde-rl__card-rate{font-size:20px!important;font-weight:700!important;color:var(--ma-accent)!important;margin-bottom:10px!important}.cde-rl__card-rate-unit{font-size:13px!important;font-weight:500!important;color:var(--ma-text-sec)!important}.cde-rl__card-meta{display:flex;flex-wrap:wrap;gap:6px 12px;padding-top:10px;border-top:1px solid var(--ma-card-border)}.cde-rl__card-meta-item{font-size:11px!important;color:var(--ma-text-dim)!important;display:inline-flex!important;align-items:center!important;gap:4px!important}.cde-rl__card-meta-item i{font-size:12px!important}.cde-rl__loading{display:flex;justify-content:center;padding:80px 0}.cde-rl__spinner{width:40px;height:40px;border:3px solid var(--ma-card-border);border-top-color:var(--ma-accent);border-radius:50%;animation:cde-rl-spin .8s linear infinite}@keyframes cde-rl-spin{to{transform:rotate(360deg)}}.cde-rl__empty{text-align:center;padding:80px 20px}.cde-rl__empty-icon{font-size:64px;color:var(--ma-text-dim);margin-bottom:24px;opacity:.4}.cde-rl__empty-title{font-size:22px!important;font-weight:600!important;color:var(--ma-text)!important;margin:0 0 12px!important}.cde-rl__empty-desc{font-size:14px!important;color:var(--ma-text-sec)!important;margin:0!important}.cde-rl__pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:32px;padding-top:24px}.cde-rl__pagination:empty{display:none}.cde-rl__page-btn{all:unset!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:36px!important;height:36px!important;padding:0 10px!important;font-size:13px!important;font-weight:500!important;color:var(--ma-text-sec)!important;background:var(--ma-card-bg)!important;border:1px solid var(--ma-card-border)!important;border-radius:10px!important;cursor:pointer!important;transition:all .2s ease!important;font-family:'Noto Sans JP','Noto Sans SC',sans-serif!important}.cde-rl__page-btn:hover{border-color:var(--ma-accent)!important;color:var(--ma-accent)!important}.cde-rl__page-btn--active{background:var(--ma-accent)!important;border-color:var(--ma-accent)!important;color:#0a0a0f!important;font-weight:700!important}.cde-rl__page-btn--disabled{opacity:.4!important;cursor:default!important;pointer-events:none!important}.cde-rl__page-ellipsis{font-size:13px;color:var(--ma-text-dim);padding:0 4px;user-select:none}.cde-rl__theme-fab{display:none!important;position:fixed!important;bottom:24px!important;left:24px!important;z-index:50!important;display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;border:none!important;border-radius:50%!important;cursor:pointer!important;transition:all .4s cubic-bezier(.4, 0, .2, 1)!important;box-shadow:0 4px 20px rgba(0,0,0,.4)!important;font-size:18px!important;background:linear-gradient(135deg,#f6d365,#fda085,#f093fb)!important;background-size:200% 200%!important;animation:cde-rl-gradient 4s ease infinite!important;color:#fff!important;opacity:.7;padding:0!important}.cde-rl__theme-fab:hover{opacity:1!important;transform:scale(1.12)!important;box-shadow:0 6px 28px rgba(102,126,234,.45)!important}.cde-rl__theme-fab:active{transform:scale(.95)!important}@keyframes cde-rl-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.cde-rl__theme-fab i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.cde-rl__theme-fab i:first-child{opacity:1;filter:drop-shadow(0 0 4px rgba(255, 255, 255, .6))}.cde-rl__theme-fab i:last-child{opacity:0}html[data-theme=light] .cde-rl__theme-fab i:first-child{opacity:0}html[data-theme=light] .cde-rl__theme-fab i:last-child{opacity:1;filter:drop-shadow(0 0 4px rgba(150, 100, 255, .6))}.cde-rl__filter-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:998}.cde-rl__filter-backdrop--show{display:block}html[data-theme=light] .cde-rl__filters,html[data-theme=light] .cde-rl__header{background:rgba(255,255,255,.8)!important;border-color:rgba(0,0,0,.08)!important}html[data-theme=light] .cde-rl__sort{background-color:#f9fafb!important;border-color:rgba(0,0,0,.1)!important}html[data-theme=light] .cde-rl__filter-input,html[data-theme=light] .cde-rl__filter-select{background-color:#f9fafb!important;border-color:rgba(0,0,0,.1)!important}html[data-theme=light] .cde-rl__filter-toggle{background:rgba(255,255,255,.8)!important;border-color:rgba(0,0,0,.08)!important}html[data-theme=light] .cde-rl__active-tag{background:rgba(8,145,178,.08)!important;border-color:rgba(8,145,178,.15)!important;color:var(--ma-accent)!important}html[data-theme=light] .cde-rl__card{background:rgba(255,255,255,.7)!important;border-color:rgba(0,0,0,.08)!important}html[data-theme=light] .cde-rl__card:hover{border-color:rgba(8,145,178,.3)!important;box-shadow:0 6px 20px rgba(0,0,0,.08)!important}html[data-theme=light] .cde-rl__card-img-wrap{background:#f3f4f6}html[data-theme=light] .cde-rl__card-img-wrap--empty{color:#9ca3af!important}html[data-theme=light] .cde-rl__card-badge{background:rgba(8,145,178,.15)!important;border-color:rgba(8,145,178,.25);color:var(--ma-accent)!important}html[data-theme=light] .cde-rl__class-item{background:#f9fafb!important}html[data-theme=light] .cde-rl__class-item:hover{background:rgba(8,145,178,.04)!important;border-color:rgba(0,0,0,.1)!important}html[data-theme=light] .cde-rl__class-item--active{background:rgba(8,145,178,.08)!important;border-color:var(--ma-accent)!important}html[data-theme=light] .cde-rl__page-btn{background:rgba(255,255,255,.7)!important;border-color:rgba(0,0,0,.1)!important}html[data-theme=light] .cde-rl__page-btn:hover{border-color:var(--ma-accent)!important}html[data-theme=light] .cde-rl__page-btn--active{background:var(--ma-accent)!important;border-color:var(--ma-accent)!important;color:#fff!important}html[data-theme=light] .cde-rl__theme-fab{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)!important;box-shadow:0 4px 20px rgba(102,126,234,.3)!important}html[data-theme=light] .cde-rl__empty-icon{color:#9ca3af}html[data-theme=light] .cde-rl__filter-btn--reset{border-color:rgba(0,0,0,.1)!important}html[data-theme=light] .cde-rl__filter-btn--reset:hover{border-color:rgba(0,0,0,.25)!important}html[data-theme=light] .cde-rl__filters-close:hover{background:rgba(0,0,0,.05)!important}html[data-theme=light] .cde-rl__filter-group--accordion{border-bottom-color:rgba(0,0,0,.06)}@media (max-width:1199px){.cde-rl__grid{grid-template-columns:repeat(2,1fr)}.cde-rl__filters{width:240px}}@media (max-width:767px){.cde-rl{padding:16px 15px 80px}.cde-rl__header{padding:12px 16px!important}.cde-rl__title{font-size:18px!important}.cde-rl__filter-toggle{display:flex!important}.cde-rl__layout{flex-direction:column}.cde-rl__filters{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border-radius:0!important;z-index:999!important;overflow-y:auto!important;transform:translateX(-100%);transition:transform .3s ease!important;padding:20px!important}.cde-rl__filters--open{transform:translateX(0)!important}.cde-rl__filters-close{display:flex!important}.cde-rl__grid{grid-template-columns:repeat(2,1fr);gap:12px}.cde-rl__card-rate{font-size:16px!important}.cde-rl__empty{padding:50px 16px}.cde-rl__empty-icon{font-size:48px}.cde-rl__theme-fab{bottom:16px!important;left:16px!important;width:42px!important;height:42px!important;font-size:16px!important}}@media (max-width:479px){.cde-rl__grid{grid-template-columns:1fr}.cde-rl__header{flex-direction:column;align-items:flex-start}.cde-rl__sort{width:100%!important}}