.kp{color:#21181e;width:100%;max-width:1400px;min-height:100vh;margin:0 auto;padding:30px 40px 60px}.kp-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;display:flex}.kp-back{color:#7546d6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf7b8;border:1px solid #fffc;border-radius:999px;align-items:center;gap:8px;width:fit-content;height:38px;margin-bottom:18px;padding:0 16px 0 12px;font-size:14px;transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s;display:inline-flex}.kp-back:hover{background:#fffcf7f2;transform:translate(-3px)}.kp-header h1{letter-spacing:-1px;margin:0;font-size:38px;line-height:1}.kp-header p{color:#737075;margin:10px 0 0;font-size:15px}.kp-primary{color:#fff;background:linear-gradient(135deg,#9a6ced,#7d4fdc);border-radius:17px;flex-shrink:0;align-items:center;gap:10px;height:50px;padding:0 24px;font-size:15px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;display:inline-flex;box-shadow:0 12px 26px #7d4fdc40}.kp-primary:hover{transform:translateY(-3px);box-shadow:0 16px 32px #7d4fdc52}.kp-primary:hover svg{transform:rotate(90deg)}.kp-primary svg{transition:transform .4s cubic-bezier(.22,1,.36,1)}.kp-primary--small{height:42px;margin-top:18px;padding:0 18px;font-size:14px}.kp-error{color:#9b2c4a;background:#fff1f4e6;border:1px solid #f3c2cf;border-radius:16px;margin-bottom:24px;padding:16px 20px;font-size:14px}.kp-loading{color:#837e82;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:320px;font-size:14px;display:flex}.kp-spinner{border:3px solid #eadcfb;border-top-color:#8b5be7;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite kp-spin}@keyframes kp-spin{to{transform:rotate(360deg)}}.kp-section+.kp-section{margin-top:46px}.kp-section--all{scroll-margin-top:24px}.kp-section__head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.kp-section__head h2{margin:0;font-size:25px;line-height:1}.kp-section__head p{color:#837e82;margin:8px 0 0;font-size:13px}.kp-link{color:#8250db;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:14px;display:inline-flex}.kp-link svg{transition:transform .3s}.kp-link:hover svg{transform:translate(4px)}.kp-recent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.kp-recent-grid .kanjaa-card{min-height:300px}.kp-recent-grid .kanjaa-card__body h3{font-size:19px}.kp-recent-grid .kanjaa-card__body>p{min-height:36px;font-size:13px}.kp-all-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.kp-all-grid .kanjaa-card{min-height:240px}.kp-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.kp-search,.kp-select,.kp-views{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf7b8;border:1px solid #ffffffd9;height:46px;box-shadow:0 6px 18px #48362c0a}.kp-search{color:#777278;border-radius:999px;flex:280px;align-items:center;gap:12px;padding:0 18px;transition:box-shadow .3s,border-color .3s;display:flex}.kp-search:focus-within{border-color:#c9adf2;box-shadow:0 0 0 4px #8b5be71a}.kp-search input{color:#40383e;background:0 0;border:0;outline:none;width:100%;font-size:14px}.kp-select{color:#594152;border-radius:15px;align-items:center;gap:6px;padding:0 14px 0 16px;font-size:14px;display:flex;position:relative}.kp-select span{color:#8a848a}.kp-select select{color:#40383e;cursor:pointer;appearance:none;background:0 0;border:0;outline:none;padding-right:20px}.kp-select svg{pointer-events:none;position:absolute;right:12px}.kp-select:focus-within{border-color:#c9adf2}.kp-views{border-radius:15px;gap:4px;padding:4px;display:flex}.kp-views button{color:#8a7a88;cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;width:38px;height:36px;transition:background .25s,color .25s;display:grid}.kp-views button[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,#9a6ced,#7d4fdc)}.kp-list{flex-direction:column;gap:10px;display:flex}.kp-row{--tilt-x:0deg;--tilt-y:0deg;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));background:#fffbf6db;border:1px solid #fffc;border-radius:18px;grid-template-columns:112px minmax(0,1fr) auto 130px 24px;align-items:center;gap:18px;padding:8px 18px 8px 8px;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;display:grid;box-shadow:0 6px 18px #4632280a}.kp-row:hover{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateX(4px);border-color:#bba0edb3;box-shadow:0 16px 30px #5a3c781a}.kp-row__thumb{border-radius:12px;height:64px;position:relative;overflow:hidden}.kp-row:hover .kanjaa-cover-image{transform:scale(1.12)}.kp-row__main{flex-direction:column;gap:4px;min-width:0;display:flex}.kp-row__main strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.kp-row__main span{color:#898287;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.kp-row__date{color:#807a7e;text-align:right;font-size:12px}.kp-row__arrow{color:#8b5be7;transition:transform .3s}.kp-row:hover .kp-row__arrow{transform:translate(4px)}.kp-empty{text-align:center;background:#fffcf773;border:1.5px dashed #cdb6f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:30px;display:flex}.kp-empty__icon{color:#8651df;background:#eee1fb;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:12px;display:grid}.kp-empty__title{margin:0;font-size:16px}.kp-empty__text{color:#837e82;margin:6px 0 0;font-size:13px}@media (max-width:1000px){.kp-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.kp{padding:16px 16px calc(40px + env(safe-area-inset-bottom))}.kp-header{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:22px}.kp-back{margin-bottom:14px}.kp-header h1{font-size:30px}.kp-header p{font-size:14px}.kp-primary{justify-content:center}.kp-section+.kp-section{margin-top:34px}.kp-section__head h2{font-size:21px}.kp-link{flex-shrink:0;font-size:13px}.kp-hide-mobile{display:none}.kp-recent-grid{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin:0 -16px;padding:4px 16px 10px;scroll-padding:0 16px;display:flex;overflow-x:auto}.kp-recent-grid::-webkit-scrollbar{display:none}.kp-recent-grid>.kanjaa-card-stage{scroll-snap-align:start;flex:0 0 82%}.kp-recent-grid .kanjaa-card{min-height:270px}.kp-recent-grid .kanjaa-card--lg{--cover-height:150px}.kp-toolbar{gap:10px}.kp-search{flex:100%}.kp-select{flex:1 1 0;min-width:0;padding:0 30px 0 12px;font-size:13px}.kp-select span{display:none}.kp-select select{width:100%;min-width:0}.kp-all-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kp-all-grid .kanjaa-card{min-height:0}.kp-all-grid .kanjaa-card--sm{--cover-height:88px}.kp-all-grid .kanjaa-card__body{padding:10px 10px 9px}.kp-all-grid .kanjaa-card__body h3{font-size:14px}.kp-all-grid .kanjaa-card__body>p{-webkit-line-clamp:1;min-height:0}.kp-all-grid .kanjaa-card__footer span:last-child{display:none}.kp-row{grid-template-columns:80px minmax(0,1fr) 20px;gap:12px}.kp-row__thumb{height:56px}.kp-row .kanjaa-tag,.kp-row__date{display:none}}@media (hover:none){.kp-row:hover{border-color:#fffc;transform:none;box-shadow:0 6px 18px #4632280a}.kp-row:hover .kanjaa-cover-image,.kp-row:hover .kp-row__arrow,.kp-primary:hover,.kp-back:hover{transform:none}}@media (prefers-reduced-motion:reduce){.kp-row,.kp-row:hover{transform:none}}