.kinu-client .kc-artwork-controls{position:absolute;inset:10px 10px auto;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;pointer-events:none}.kinu-client .kc-artwork-reading,.kinu-client .kc-artwork-story{display:flex;align-items:center;gap:5px;min-width:0}.kinu-client .kc-artwork-story{margin-left:auto}.kinu-client .kc-artwork-controls :is(.kc-save-compact,.kc-favorite-compact){position:relative;flex:0 0 44px;width:44px;height:44px;display:block;pointer-events:auto}.kinu-client .kc-artwork-controls :is(.kc-save-compact,.kc-favorite-compact)>button{width:44px;min-width:44px;height:44px;min-height:44px;padding:11px;border:1px solid #aa806954;border-radius:14px;color:#70533c;background:#fff7e7c7;box-shadow:0 2px 8px #3f291d20;backdrop-filter:blur(5px)}.kinu-client .kc-artwork-controls button svg{width:20px;height:20px}.kinu-client .kc-artwork-controls .kc-save-compact>button[aria-pressed=true]{color:#44633b;background:#edf4dfcf}.kinu-client .kc-artwork-controls .kc-favorite-compact>button[aria-pressed=true]{color:#ac543c;background:#ffeadbcf}.kinu-client .kc-artwork-controls button:focus-visible{outline:3px solid #7d371a;outline-offset:3px}.kinu-client .kc-artwork-controls .kc-reading-badge{position:static;width:44px;min-width:44px;height:44px;box-sizing:border-box;font-size:26px;border-radius:14px}.kinu-client .kc-library-reading-count{padding:5px 8px;border-radius:999px;background:#fff7e7cf;color:#533c2e;border:1px solid #aa806954;box-shadow:0 2px 8px #3f291d14;font-size:11px;font-weight:850;white-space:nowrap}.kinu-client .kc-artwork-controls .kc-card-save-feedback{position:absolute;top:50px;bottom:auto;right:0;width:min(260px,calc(100cqw - 20px));z-index:5;pointer-events:auto}.kinu-client .kc-artwork-reading .kc-card-save-feedback{left:0;right:auto}.kinu-client .kc-artwork-controls .kc-card-save-feedback:has(>output:only-child){clip-path:inset(50%);width:1px;height:1px;padding:0;border:0;overflow:hidden}.kinu-client .kc-artwork-controls.is-compact{inset:6px 6px auto;gap:2px}.kinu-client .is-compact .kc-artwork-reading{gap:2px}.kinu-client .is-compact .kc-artwork-story{flex-direction:column-reverse;align-items:flex-end;gap:5px}.kinu-client .is-compact .kc-library-reading-count{font-size:10px;padding:3px 5px}.kinu-client .is-compact .kc-artwork-story{position:relative;width:44px;flex:0 0 44px}.kinu-client .is-compact .kc-artwork-story .kc-library-reading-count{position:absolute;right:0;top:49px}@container (max-width: 180px){.kinu-client .kc-artwork-controls.is-compact{inset-inline:0;gap:0}.kinu-client .is-compact .kc-artwork-reading{gap:0}}@container (max-width: 300px){.kinu-client .kc-artwork-controls:not(.is-compact) .kc-artwork-story{flex-direction:column-reverse;align-items:flex-end}}@media (hover:hover){.kinu-client .kc-artwork-controls button:hover{background:#fff7e7e0;border-color:#926044}.kinu-client .kc-artwork-controls .kc-favorite-compact>button[aria-pressed=true]:hover{background:#ffe6d6df}.kinu-client .kc-artwork-controls .kc-save-compact>button[aria-pressed=true]:hover{background:#e8f1d9df}}.kinu-client .kc-artwork-controls :is(.kc-save-compact,.kc-favorite-compact)>button[data-ui-button]:is(:hover,:active,:focus-visible,:disabled){transform:none}